@charset "utf-8";
* {	margin: 0;padding: 0;-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #474747;  }
a:hover {color: #0068b7;text-decoration: none;	}
img {	border: 0px; vertical-align:middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {color: #474747;background: #fff;margin: 0 auto; overflow-x:hidden;}
.clear {	clear: both;}
.pic100 img{width:100%;}
h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad100{padding:100px 0;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top60{ margin-top:60px;}
.text-center{ text-align:center;}
.text-right{text-align:right;}
.row:after{content:''; display:block; clear:both;}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{zoom:1;}	
.container{width:86vw;margin:0 auto;}
.container2{width:1200px;margin:0 auto;}
/*@media (max-width:1366px) {
.container{width:1200px}
}
@media (max-width:1199px) {
.container{width:991px}
}*/
@media (max-width:1210px) {
.container2{width:991px}
}
@media (max-width:991px) {
.container,.container2{width:750px}
}
@media (max-width:767px) {
.container,.container2{width:100%}
.qt{ height:342px !important; background: url(/static/images/otherbanner123456phone.jpg) no-repeat top center !important;}
#qt{ background: url(/static/images/otherbanner123456phone.jpg) no-repeat top center !important;}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}
h5{line-height: initial;}


.bottomtel a img{width:23px; display:inline-block; vertical-align:middle;margin-right:6px;}
.bottomtel{ display:none; background-color:#06823a;color:#fff; overflow:hidden; position:fixed;bottom:0;left:0;width:100%;z-index: 4;}
.bottomtel a{width:50%;float:left; text-align:center;color:#fff;padding:15px 0;}
.bottomtelh{display:none;height:55px;}
.bottomtel a:nth-child(2){ background-color:#0d9645;}
.bottomtel,.bottomtelh{ display:none;}
.foot{ position:inherit;}
.headh{ height:100px;}
.otherbanner1 h2{font-size:30px;color:#fff;padding:190px 0; text-align:center;}
.siteL a{float:left;font-size:14px;height:90px;line-height:90px;color:#999999;padding: 0 36px;position:relative;z-index:1; text-align:center; overflow:hidden;}
.siteL a:after{content:'';display:block;width:100%;height:90px;position:absolute;left:0;bottom:100%; z-index:-1; background:url(../images/enbg5.png) no-repeat; background-size:100% 100%;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.siteL a:hover:after,.siteL a.cur:after{bottom:0;}
.siteL a:hover,.siteL a.cur{color:#fff;}
.siteR,.siteR a{font-size:14px;color:#999999;height:90px;line-height:90px;}
.siteR img{ display:inline-block; vertical-align:middle;margin-right:10px;}
.new1{ background-color:#f4f5f6;}
.new1 dl,.video dl{margin-bottom:40px;}
.new1 dl a{ display:block;position:relative;overflow:hidden;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.new1 dl:first-child a,.new1 dl:nth-child(4) a,.video dl:first-child a,.video dl:nth-child(4) a{border-radius:0 20px 0 20px;}
.new1 dl:nth-child(2) a,.new1 dl:nth-child(3) a,.video dl:nth-child(2) a,.video dl:nth-child(3) a{border-radius:20px 0 20px 0;}
.new1 dl dd{ background-color:rgba(255,255,255,1);padding:35px; position:absolute;bottom:0;width:100%;left:0;-webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;}
.new1 dl dd time{color:#999999;}
.new1 dl dd h5{ font-size:20px;margin-top:20px;line-height: normal;}
.new1 dl dd p{font-size: 14px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;height:0px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;margin-top:15px;color:#d5d3d5;line-height:25px;height:0;padding-bottom:0px;}
.new1 dl dd span{ position:absolute;right:35px;top:35px;width:17px;height:17px; overflow:hidden;}
.new1 dl dd span img{width:34px;max-width:inherit;}
.new1 dl a:hover{ border-radius:0 0 0 0;}
.new1 dl a:hover dd span img{margin-left:-17px;}
.new1 dl a:hover dd{ background-color:rgba(255,255,255,0);}
.new1 dl a:hover dd p{height:auto;margin-bottom:30px;}
.new1 dl a:hover dd h5{color:#fff;}
.new1 dl a:hover dd time{color:#d5d3d5;}
.pagelist{ text-align:center; margin:30px auto 0;}
.pagelist li{ display:inline-block; margin:3px 4px;}
.pagelist li a,.pagelist li span{ display:block;padding:8px 15px;border:1px solid #dcdcdc; color:#848383;}
.pagelist li a:hover,.pagelist li a.cur,.pagelist li.active span{ background-color:#0068b7 !important; color:#fff; border-color:#0068b7;}
.new2,.kepu1,.kepu2,.gongyi2,.newmain,.video {border-top:1px solid #ededed;}
.new2 dl.dl1{margin-bottom:3px;}
.new2 dl.dl1 a{ display:block; overflow:hidden; background-color:#f4f5f6; display:flex;align-items:center;}
.new2 dl.dl1 dt{float:left;width:50%;}
.new2 dl.dl1 dt img{ width:100%;height:100%;object-fit: cover;}
.new2 dl.dl1 dd{float:right;width:50%;padding:70px 5%;}
.new2 dl.dl1 dd time{color:#aaaaaa;}
.new2 dl.dl1 dd time img{ display:inline-block; vertical-align:middle;margin-right:5px;}
.new2 dl.dl1 dd h5{ font-size:26px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;line-height: 34px;margin-top:14px;}
.new2 dl.dl1 dd p,.new2 dl.dl2 dd p,.kepu1 dl dd p,.newmaintjC dl dd p{ font-size:14px;overflow: hidden;color:#777;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;line-height: 30px;margin-top:14px;height: 60px;} 
.new2 dl.dl1 dd span{font-size:16px;display:inline-block;border:1px solid #dcdcdc;border-radius:30px;padding:16px 37px;margin-top:20px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.new2 dl.dl1 dd span:hover{ background-color:#0068b7;color:#fff;}
.new2 dl.dl2 a{padding:60px 0;border-bottom:1px solid #dcdcdc; display:block;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; position:relative;}
.new2 dl.dl2 a:after,.newmaintjC dl dd:after{width:0;height:3px; background-color:#0097e0;content:''; display:inline-block; bottom:0;left:0; position:absolute;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.new2 dl.dl2 dt{ overflow:hidden;color:#333;}
.new2 dl.dl2 dt h5{float:left;width:80%;font-size:24px;line-height: initial;}
.new2 dl.dl2 dt time{float:right;font-size:14px;}
.new2 dl.dl2 dd{ overflow:hidden;}
.new2 dl.dl2 dd p{float:left;width:80%;}
.new2 dl.dl2 dd span{float:right;width:17px; overflow:hidden;margin-top:14px; display:inline-block;}
.new2 dl.dl2 dd span img,.gongyi2 dl dd span img{width:34px;max-width:inherit;}
.new2 dl.dl2 a:hover{padding:60px 3%; background-color:#f4f5f6;}
.new2 dl.dl2 a:hover:after,.newmaintjC dl dd:hover:after{width:100%;}
.kepu1 dl dt img,.newmaintjC dl dt img,.down dl dt img,.product9content .list4 li img{ border-radius:20px 0 20px 0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.product9content .list5 li img{width:143px;}
.kepu1 dl:nth-child(even) dt img,.newmaintjC dl:nth-child(even) dt img,.down dl:nth-child(2) dt img,.down dl:nth-child(4) dt img,.down dl:nth-child(5) dt img,.down dl:nth-child(7) dt img,.product9content .list4 li:nth-child(2) img,.product9content .list4 li:nth-child(4) img,.product9content .list4 li:nth-child(5) img,.product9content .list4 li:nth-child(7) img{ border-radius:0 20px 0 20px;}
.kepu1 dl dt img{width:100%;}
.kepu1 dl dd{padding:35px 0;}
.kepu1 dl dd time{color:#999999;}
.kepu1 dl dd time span,.newmaintjC dl dd time span{float:right;}
.kepu1 dl dd h5{margin-top:30px;font-size:26px;}
.kepu1 dl dd p,.newmaintjC dl dd p{margin-top:26px;}
.kepu1 dl a:hover dt img,.kepu2Right dl a:hover dt img,.newmaintjC dl a:hover dt img,.down dl a:hover dt img,.product9content .list4 li:hover img{border-radius:0 0 0 0;}
.kepu2Right{width:24%;border-left:1px solid #ededed;padding-left:2%;margin-left:2%;}
.kepu2Left{width:72%;}
.kepu2 .container{ display:flex;}
.kepu2Right h2{font-size:20px;margin:0 0 20px 20px;}
.kepu2Right dl{margin-bottom:60px; text-align:center;}
.kepu2Right dl dt img{border-radius:20px 0 20px 0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.kepu2Right dl:nth-child(even) dt img{border-radius:0 20px 0 20px;}
.kepu2Right dl dd{font-size:16px;margin-top:20px;}
.kepu2Left .dl1{border-bottom:1px solid #ededed;}
.kepu2Left .dl1 a{padding-bottom:50px; display:block; position:relative;}
.kepu2Left .dl1 time{font-size:16px;color:#666;}
.kepu2Left .dl1 h5{font-size:30px;margin-top:15px;}
.kepu2Left .dl1 p{font-size:16px;margin-top:30px;display: -webkit-box;color:#777777;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;}
.kepu2Left .dl1 span{ background-color:#0068b7;color:#fff;border-radius:10px; display:inline-block;margin-top:30px;width:130px;height:45px; text-align:center;line-height:45px;font-size:16px;}
.kepu2Left dl{border-bottom:1px solid #ededed;}
.kepu2Left dl a{padding:50px 0;display:block; overflow:hidden; position:relative;} 
.kepu2Left dl a:after,.kepu2Left .dl1 a:after{content:''; width:0;height:3px; position:absolute;left:0;bottom:0; background-color:#0068b7;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.kepu2Left dl dt{float:left; text-align:center;color:#333;}
.kepu2Left dl dt span{display:block;border-bottom:1px solid #dcdcdc;font-size:60px;line-height:68px;margin-bottom:10px;}
.kepu2Left dl dd{float:right;width:calc(100% - 126px);margin-top: 14px;}
.kepu2Left dl dd h5{font-size:20px;width:80%;}
.kepu2Left dl dd p{font-size:16px;margin-top:30px;color:#777777;}
.kepu2Left dl a>span{ position:absolute;right:0;top:64px; width:17px; overflow:hidden;}
.kepu2Left dl a>span img{width:34px;max-width:inherit;}
.kepu2Left dl a:hover>span img{margin-left:-17px;}
.kepu2Left dl a:hover:after,.kepu2Left .dl1 a:hover:after{width:100%;}
.gongyi{ background-color:#f4f5f6;border-top:1px solid #ededed;}
.gongyi dl{ margin-bottom:40px;}
.gongyi dl a{ display:block; background-color:#fff;border-radius:20px 0 20px 0; overflow:hidden; height:450px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.gongyi dl:nth-child(even) a{border-radius:0 20px 0 20px;}
.gongyi dl dt{height:0; overflow:hidden;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.gongyi dl dt img{ width:100%;height:100%;object-fit: cover;}
.gongyi dl dd{padding:70px 20px;}
.gongyi dl dd time{ display:block;color:#0068b7;}
.gongyi dl dd time span{ font-size:30px; display:inline-block;margin-right:10px;}
.gongyi dl dd h5{ margin-top:20px;font-size:22px;line-height: 30px;display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;}
.gongyi dl dd .pic{ margin:40px -20px 0;}
.gongyi dl dd .more span{color:#aaaaaa;padding-top:20px;border-top:1px solid #dddddd;}
.gongyi dl a:hover dt{ height:225px;}
.gongyi dl a:hover dd{ background-color:#0068b7;color:#fff;padding:40px 20px;height:225px;}
.gongyi dl a:hover dd time,.gongyi dl a:hover dd .more span{color:#fff;border-color:#fff;}
.gongyi dl a:hover dd h5{-webkit-line-clamp:1;}
.gongyi dl a:hover dd .pic{ height:0; overflow:hidden;}
.gongyi dl a:hover{ border-radius:0;}
.about1{ background:#f6f6f6 url(../images/bg7.jpg) no-repeat center right; background-size:auto 100%; display:flex;  align-items: center;min-height: calc(100vh - 100px);padding:40px 0;}
.about1C{margin:0 7vw;}
.about1C h2{ font-size:33px;color:#0068b7;width: 54%;}
.about1C .word{width:48%;margin-top:50px;line-height:35px;font-size:16px;}
.about2{background:#f6f6f6 url(../images/bg8.jpg) no-repeat center center; background-size:cover; display:flex;  align-items: center;height:100vh;}
.about2C,.about4C{ text-align:center;color:#fff;margin:0 7vw;width:100%;}
.about2C h2,.about3C h2,.about4C h2{font-size:33px;line-height: 53px;}
.about2C ul,.about4C ul{margin-top:15vh;}
.about2C ul li{float:left;width:33.333%;font-size:18px;}
.about2C ul li img,.about4C ul li img{ display:block;margin:0 auto 50px;}
.about3{background:url(../images/bg9.jpg) repeat-y; background-size:100% 100%; display:flex;  align-items: center;height:100vh;}
.about3C{margin:5vh 7vw 0; text-align:center;width:100%;}
.about3C h2{color:#0068b7;}
.about3C .word{max-height:60vh;}
.about3C img{max-height:60vh;max-width: 100%;}
.about4{background:#f6f6f6 url(../images/bg10.jpg) no-repeat center center; background-size:cover; display:flex;  align-items: center;height:100vh;}
.about4C ul li{float:left;width:25%;font-size:18px;}
.solution1{ background:url(../images/otherbanner2.jpg) no-repeat center center; background-size:cover;display:flex;  align-items: center;height:100vh;margin-top:-100px;}
.solution1C{ width:100%;}
.solution1C p{ text-align:center;color:#fff;font-size:36px;line-height:110px;}
.solution2{ background-color:#f8f8f8;padding:80px 0;}
.solution2C{width:80%;margin:auto; text-align:center;}
.solution2C h2{font-size:33px;color:#595757;}
.solution2C p{color:#898989;font-size:16px;margin-top:30px;}
.solution3{height:100vh;display:flex;  align-items: center;}
.solution3C{width:100%; text-align:center;}
.solution3 h2{font-size:33px;}
.solution3 h2:after,.solution5C h2:after,.solution6 h2:after{ content:'';width:120px;height:2px; background-color:#c0c0c0; display:block;margin:30px auto 0;}
.solution3C .pic{margin-top:40px;}
.solution3C .pic img{max-height:65vh;max-width:100%;}
.solution4 .list{height:100vh;float:left;width:33.333%; text-align:center;}
.solution4 .list span{ display:inline-block; overflow:hidden;width:72px;}
.solution4 .list span img{width:144px;max-width:inherit !important;}
.solution4 .list h2{font-size:40px;margin:40px auto;}
.click-area{ position:absolute;width:100%;top:0;left:0;height:100vh;}
.solution5{min-height:100vh;display:flex;  align-items: center;}
.solution5C{width:100%;}
.solution5Ccon{margin-top:40px;}
.solution5C h2{font-size:33px;color:#7b7b7b; text-align:center;}
.solution5C h2:after{background-color:#00a0e9;}
.solution5C .tab{width:36%;}
.solution5C .tab .list{ background-color:#eaeaea;padding:32px 5% 32px 5%;margin-bottom:1px; position:relative; z-index:1; cursor:pointer;}
.solution5C .tab .list:after{width:0;height:100%; position:absolute;z-index:-1;top:0;left:0; background-color:#0097e0;content:''; display:block;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.solution5C .tab .list h5{font-size:20px; color:#686868;}
.solution5C .tab .list p{font-size:13px; color:#686868;margin-top:20px; height:89px;}
.solution5C .content{width:64%;}
.solution5C .content .list{ display:none;height:597px;}
.solution5C .content .list img{width:100%;height:100%;object-fit: cover;}
.solution5C .tab .list.on:after{width:110%;}
.solution5C .tab .list.on h5,.solution5C .tab .list.on p{color:#fff;}
.solution6{min-height:100vh;display:flex;  align-items: center; background:url(../images/bg11.jpg) no-repeat center center; background-size:cover;}
.solution6 h2{ font-size:33px;color:#fff; text-align:center;}
.solution6 h2:after{background-color:#fff;}
.solution6Ccon{margin-top:40px;}
.solution6Ccon ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.solution6Ccon li{float:left;width:30.333%;margin:0 1.5%;border:1px dashed #fff;border-radius:12px;color:#fff;padding: 50px 50px;}
.solution6Ccon li img{ display:block;margin:auto;}
.solution6Ccon li h5{font-size:20px;margin:30px auto; text-align:center;}
.solution6Ccon li p{font-size: 14px;}
.solution2_1{ background:url(../images/otherbanner3.jpg) no-repeat center center; background-size:cover;display:flex;  align-items: center;height:100vh;margin-top:-100px;}

.solution2_1C{ width:100%;padding: 0 15px;}
.solution2_1C h2{ text-align:center;color:#fff;font-size:45px;}
.solution2_1C .con{ text-align:center;color:#fff;font-size:22px;line-height: 37px;margin-top: 40px;}
.solution2_2 .list{overflow:hidden;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.solution2_2 .list .words,.solution2_2 .list .pic{width:48.5%;margin-bottom:40px;}
.solution2_2 .list .words{border-radius:0 20px 0 20px;background-color:#f2f2f2;padding:40px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
.solution2_2 .list .pic{position:relative;}
.solution2_2 .list .pic img{border-radius:20px 0 20px 0;width: 100%;height: 100%;object-fit: cover;}
.solution2_2 .list .pic:after{width:95%;height:90%;border:1px solid rgba(255,255,255,0.5);border-radius:20px 0 20px 0; position:absolute;top:5%;left:2.5%;content:''; display:inline-block;}
.solution2_2 .list .words h5{font-size:23px;margin-bottom:30px;}
.solution2_2 .list .words h5 span{ font-weight:bold;}
.solution2_2 .list .words .con{line-height:30px;color:#7f7f7f;}
.solution2_2 .list .words .con p{font-size:18px;}
.solution2_3{ background-color:#cccccc;padding-top:80px;}
.solution2_3C h2{z-index: 1;font-size:37px;color:#fff;text-align:center;line-height: 60px; position:relative;}
.solution2_3C .con{margin-top:-40px;}
.solution2_3C .con img{max-width:100%;}
.solution2_4{ background:url(../images/bg12.jpg) no-repeat center right; background-size:auto 100%;display: flex;align-items: center;padding:100px 0;}
.solution2_4C,.solution2_5C{width:48%;}
.solution2_4C h2{font-size:33px;color: #0068b7;}
.solution2_4C h2 span{font-weight:bold;color:#333; display:inline-block;margin-right:10px;}
.solution2_4C .con{margin-top: 50px;line-height: 35px;font-size: 16px;width: 75%;text-align: justify;color:#595757;}
.solution2_5{background:url(../images/bg13.jpg) no-repeat center right; background-size:cover;display: flex;  align-items: center;min-height: 100vh;}
.solution2_5C h2{font-size:33px;color: #fff;}
.solution2_5C h2 span{font-weight:bold;display:inline-block;margin-right:10px;}
.solution2_5C .con{margin-top: 50px;line-height: 35px;font-size: 16px;width: 75%;text-align: justify;color:#fff;}
.solution3_1{ background:url(../images/solution3-3.jpg) no-repeat center center; background-size:cover;display:flex;  align-items: center;height:100vh;margin-top:-100px;}
.solution4_1{ background:url(../images/solution4-3.jpg) no-repeat center center; background-size:cover;display:flex;  align-items: center;height:100vh;margin-top:-100px;}
.solution5_1{ background:url(../images/solution5-3.jpg) no-repeat center center; background-size:cover;display:flex;  align-items: center;height:100vh;margin-top:-100px;}
.product1{ background:url(../images/otherbanner4.jpg) no-repeat center center; background-size:cover;display:flex;  align-items: center;height:100vh;margin-top:-100px;}
.gongyi2 dl{margin-bottom:40px;}
.gongyi2 dl a{background-color:#f4f5f6; display:block; overflow:hidden;padding:40px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.gongyi2 dl a dt{float:left;width:320px;}
.gongyi2 dl dt img{border-radius:0 20px 0 20px;}
.gongyi2 dl dd{float:right;width:calc(100% - 350px); position:relative;}
.gongyi2 dl dd .name{margin-top:53px; overflow:hidden;}
.gongyi2 dl dd .name h5{font-size:24px;float:left;width:75%;}
.gongyi2 dl dd .name time{float:right;font-size:14px;}
.gongyi2 dl dd p{margin-top:20px;color:#777777;width:calc(100% - 200px);text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.gongyi2 dl dd span{ position:absolute;right:0;top:108px;width: 17px;overflow: hidden;display: inline-block;}
.gongyi2 dl a:hover{background-color:#0068b7;color:#fff;margin:0 3% 0 -3%;}
.gongyi2 dl a:hover dd span img{margin-left:-17px;}
.gongyi2 dl a:hover dd p{color:#fff;}
.tiaokuan1{ background-color:#f6f6f6;overflow-x: hidden;overflow-y: hidden;width: 100%;height: calc(100vh - 100px);display: flex;align-items: center;}
.tiaokuan1 .slide{display: flex;align-items: center;height:100%;}
.tiaokuan1C{width:1200px;margin:auto; display:flex;align-items:center;}
.tiaokuan1 .left{width:670px;margin-right:44px;}
.tiaokuan1 .left h2{color:#0068b7;font-size:40px;}
.tiaokuan1 .left .con{font-size:25px;margin-top:40px;line-height:44px;}
.tiaokuan1 .left .more{ background-color:#fff;border-radius:60px; display:inline-block;margin-top:40px;padding:16px 0;color:#666666;font-size: 14px; cursor:pointer;text-align: center;width: 136px;}
.tiaokuan1 .left .more span{width:16px;overflow:hidden; display:inline-block;display:inline-block; vertical-align:bottom;margin-right:10px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.tiaokuan1 .left .more span img{width:32px;max-width:initial;}
.tiaokuan1 .right{width:485px;}
.tiaokuan1 .right img{border-radius:20px 0 20px 0;}
.tiaokuan1 .left .more:hover{ background-color:#0068b7;color:#fff;}
.tiaokuan1 .left .more:hover img{margin-left:-16px;}
.tiaokuan1 .left .more.on{font-size: 0;width:52px;}
.tiaokuan1 .left .more.on span{-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-right: 0;}
.tiaokuan1C.on .right .word{ opacity:1;}
.tiaokuan1 .right .word{color: hsla(0,0%,100%,.7);font-size:15px;line-height:25px;position:absolute;width:100%;top:0;left:0;height:100%;background-color:#666;padding:50px 50px 50px 60px;  opacity:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; text-align:justify;}
.tiaokuan1 .right .word article{height:100%;overflow-y:scroll;padding-right: 10px;}
.tiaokuan1 .right .word article::-webkit-scrollbar {width: 6px;height:6px;}
.tiaokuan1 .right .word article::-webkit-scrollbar-track {background: #666;}
.tiaokuan1 .right .word article::-webkit-scrollbar-thumb {background: #0068b7;border-radius: 4px;}
.tiaokuan1 .right .word article::-webkit-scrollbar-thumb:window-inactive {background: #0068b7;}
.tiaokuan1 .right .word article::-webkit-scrollbar-thumb:vertical:hover {background: #0068b7;}	
.tiaokuan1 .right .word button{width:16px;height:16px;position:absolute;right:30px;top:20px; background:url(../images/close.svg) no-repeat;}
.tiaokuan2 {width:1200px;margin:auto;font-size: 14px;line-height: 34px;}
.tiaokuan2 h5{font-size:20px;font-weight:bold;color:#333333;}
.tiaokuan2 h2{font-size:25px;font-weight:bold;color:#333333;}
.tiaokuan2 hr{height:1px;background: #ededed;}
.newmain h1{ text-align:center;font-size:30px;}
.newmain time{ display:block; text-align:center; color:#999999;margin:24px 0 0;padding-bottom: 40px;border-bottom: 1px solid #ededed;}
.newmain time span{ display:inline-block;margin:0 13px;}
.newmain time span img{ display:inline-block;margin-right:4px;}
.newmain article{ color:#333333;line-height:35px;font-size:16px; margin-top:30px;}
.newmain article img,.productmain .right img{ max-width:100%;}
.prenext{margin-top:35px;font-size:16px;color:#666666;}
.prenext p{width:calc(50% - 50px);}
.prenext p.right{ text-align:right;}
.prenext p a{padding:0 20px;color:#666666; display:block;background-color:#f9f9f9;line-height:80px;height:80px;}
.prenext p a:hover{color:#05a045;}
.prenext .back{width:100px; background-color:#0068b7; display:inline-block; text-align:center;line-height:80px;}
.prenext p span{width:22px; display:inline-block; overflow:hidden;vertical-align: middle;}
.prenext p span img{width:44px; max-width:inherit;}
.prenext p.left span{margin-right:10px;}
.prenext p.right span{margin-left:10px;}
.prenext p a:hover{color:#0068b7;}
.prenext p a:hover img{margin-left:-22px;}
.prenext .back:hover{ background-color: #0097e0;}
.newmaintj{ background-color:#f9f9f9;}
.newmaintj h2{font-size:33px;}
.newmaintjC dl dd{padding:36px 0; position:relative;border-bottom:2px solid #dddddd;}
.newmaintjC dl dd h5 {font-size: 20px;}
.newmaintjC dl dd time{margin-top:26px; display:block; overflow:hidden;}
.down{ background-color:#f9f9f9;border-top: 1px solid #ededed;}
.down dl{margin-bottom:40px;}
.down dl a{ display:block; position:relative;color:#fff;}
.down dl dd{ position:absolute;top:0;left:0;width:100%;height:100%;padding:35px 20px;}
.down dl a:hover dd{ background-color:rgba(0,104,183,0.47);}
.down dl .xiazai{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.5); overflow:hidden;}
.down dl .xiazai img{float:right;}
.down dl .xiazaiicon{text-align:center;margin-top:48%; opacity:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.down dl a:hover .xiazaiicon{ opacity:1;}
.down dl h5{font-size:16px; position:absolute;bottom:35px;left:20px;width:calc(100% - 40px);}
.case1{ background:#f6f6f6 url(../images/bg14.jpg) no-repeat center center; background-size:cover; display:flex;  align-items: center;height: 100vh;margin-top: -100px;}
.case1C{margin:0 7vw 0 50vw;color:#fff;}
.case1C h2{font-size:38px;}
.case1C .word{font-size:18px;line-height: 30px;margin-top:16px;}
.case1C .button {margin:60px 0 0 0;width:228px;}
.case1C .button:hover{color:#fff;}
.case2{margin:0 0 0 7vw;padding: 60px 0;}
.case2 .left{width:48%; z-index:1;}
.case2 .right{width:48%; position:relative; overflow:hidden;height:100vh;display:flex;align-items:center;margin-left:4%;}
.case2 .left h2{font-size:40px;color:#0068b7;}
.case2 .left h3{margin-top:40px;font-size:24px;color:#595757;width: 80%;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.case2 .left .summary{color:#898989;font-size:15px;margin-top:40px;line-height:27px; text-align:justify;text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;}
.case2 .left .more{margin-top:70px;padding-bottom:12px;border-bottom:1px solid #898989; display:inline-block;color:#595757; position:relative;width: 200px;}
.case2 .left .more span{display: block;background: #000;width: 17px;height: 1px;position: absolute;top:8px;right: 0;
    -webkit-transition: .35s;transition: .35s;}
.case2 .left .more span:after {content: "";position: absolute;top: -2px;right: 0;width: 4px;height: 4px;border-top: 1px solid #000;border-right: 1px solid #000;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: .35s;transition: .35s;}
.case2 .right:after{content:'';width:100vh;height:100vh;border:1px solid #0068b7;border-radius:50%; position:absolute;top:0;left:25%; display:inline-block;}
.case2 .right .pic{border:1px solid #0068b7;border-radius:50%;padding:15px; position:relative; z-index:1; background-color:#fff;}
.case2 .right .pic img{border-radius:50%;max-height:60vh;max-width:32vw;}
.caseC{ display:flex;align-items:center; background-color:#fff;}
.case2 .swiper-button-next{border:1px solid #0068b7;border-radius:50%; background:#fff url(../images/icon41.png) no-repeat center center!important; background-size:100% 100%;width:60px;height:60px;margin:0;right:24% !important;top:8%!important;}
.case2 .swiper-button-prev{border:1px solid #0068b7;border-radius:50%; background:#fff url(../images/icon40.png) no-repeat center center!important; background-size:100% 100%;width:60px;height:60px;margin:0;right:24% !important;bottom:8%!important;top:auto !important;left:auto !important;}
.case2 .swiper-button-next:hover{background:#0068b7 url(../images/icon44.png) no-repeat center center!important; background-size:100% 100%;}
.case2 .swiper-button-prev:hover{background:#0068b7 url(../images/icon43.png) no-repeat center center!important; background-size:100% 100%;}
.case2 .left em{font-size:150px;color:#ecf3ff; position:absolute;right:0;top:23%; z-index:-1;}
.case2 .nmb{margin-top:40px;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;max-width: 177px;width: 100%;-webkit-box-pack: justify;justify-content: space-between;}
.case2 .nmb .n01{color:#0068b7;}
.case2 .nmb .s {height:1px;background: rgba(0,0,0,.3);width: 98px;margin: 0 auto; display:inline-block;}
.solution4{ height:100vh;background: #bcbcbe;}
.solution4 iframe{height:100vh;width:100%;border:0;}
.product9tab{ background-color:#0068b7;padding:0 7vw; overflow:hidden;}
.product9tab a{color:#fff;font-size:18px;padding:34px 18px; text-align:center;float:left; cursor:pointer;}
.product9tab a.on{background-color:#fff;color:#0068b7;}
.product9content{padding:60px 7vw;}
.product9content .list{ display:none;}
.product9content .list1 td{padding:26px 40px;font-size:16px;color:#595757;}
.product9content .list1 tr:nth-child(odd),.product9content .list3 li:nth-child(odd){ background-color:#edeeee;}
.product9content .list1 td b{color:#595757;}
.product9content .list1{border-bottom:1px solid #dcdcdc;}
.tiaokuan1 .right{transform:scale(0.8, 0.8);-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; opacity:0;}
.tiaokuan1.act .right{transform:scale(1, 1); opacity:1;}
.tiaokuan1 .left h2,.tiaokuan1 .left .con{transform: translate(0px, 0px);-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; opacity:0;}
.tiaokuan1 .left .more{-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; opacity:0;}
.tiaokuan1.act .left h2,.tiaokuan1.act .left .con{transform: translate(0px, -30px);opacity:1;}
.tiaokuan1.act .left .more{opacity:1;}
.tiaokuan2{-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;opacity:0.5;transform: translate(0px, 0px);}
.tiaokuan2.act{ opacity:1;transform: translate(0px, -20px);}
.yinsih{height:100px;}
.product2{padding:120px 0;}
.product2 .left{width:25%; position:relative;padding:0 4% 40px 0;}
.product2 .left:after{width:1px;height:100%; content:''; display:inline-block; background-color:#bfbfbf; position:absolute;right:0;top:0;}
.product2 .right{width:75%;}
.product2 .left .bottom{margin-top:50px;}
.product2 .left .bottom .icon,.product2 .right li .icon{float:left;width:117px; overflow:hidden;}
.product2 .left .bottom .icon img,.product2 .right li .icon img{width:234px;max-width:inherit;}
.product2 .left .word,.product2 .right li .word{font-size:16px;color:#5f5f5f;width:calc(100% - 127px);float:right;line-height: 33px; display:flex;align-items:center;height:100px;}
.product2 .right li{float:left;width:29.333%;padding-bottom:20px;border-bottom:1px solid #bfbfbf;padding-bottom: 65px;border-bottom: 1px solid #bfbfbf;margin:0 0 65px 4%;}
.product2 .left .bottom:hover .icon img,.product2 .right li:hover .icon img{margin-left:-117px;}
.product2 .right li .word{font-size:15px;line-height:25px;}
.product2 .right li .word strong,.product2 .left .word strong{font-size:15px;}
.product2 .right li .word p,.product2 .left .word p{font-size:13px;}
.product2 .right li:nth-child(4),.product2 .right li:nth-child(5),.product2 .right li:nth-child(6){margin-bottom:0;border:0;}
.product3{ background:url(../images/bg15.jpg) no-repeat center center; background-size:cover;height:100vh; display:flex;align-items:center;}
.product3C,.product5C{margin:0 7vw 0 52%;}
.product3C h2,.product4 h2,.product6C h2,.product7C h2,.product8C h2{color:#0068b7;font-size:33px;}
.product3C .con,.product4 .word,.product5C .con,.product6C .word,.product7C .word,.product8C .word{font-size:18px;margin-top:20px;color:#5f5f5f;line-height:34px;}
.product4{background-color: #f4f5f6;height: 100vh;display: flex;align-items: center;text-align: center;}
.product4 .proword{position:absolute;left:0;top:0;}
.product4C {height: 70vh;position: relative;overflow: hidden;font-size: 0;}
.product4C .pic{vertical-align: bottom;}
.product4C ul{vertical-align: text-top;}
.product4C .proword{ text-align:left;width: 40%;}
.product4 .word{margin-top: 30px;}
.product5{ background:url(../images/bg16.jpg) no-repeat center center; background-size:cover;height:100vh; display:flex;align-items:center;}
.product5 h2{color:#5f5f5f;font-size:33px;}
.product5C .con{margin-top:40px;}
.product6{ min-height:100vh;display:flex;align-items:center; text-align:center;padding: 40px 0;}
.product6C,.product7C,.product8C{padding:0 7vw;width:100%;}
.product6C .word2{font-size:16px;margin-top:40px;color:#5f5f5f;line-height:36px;}
.product6C .pro6center{margin-top:40px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.product6C .pro6center .ul1{ background-color:#f9f9f9;width:70%;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;padding: 0 5%;}
.product6C .pro6center .ul2{padding:14px 5%; background-color:#f9f9f9;width:28%;}
.product6C .pro6center .ul1 li{width:25%;}
.product6C .pro6center .ul1 li span{font-size:17px;width:70px;height:70px; border:1px solid #eaeaea;border-radius:50%; line-height:70px; display:inline-block;}
.product6C .pro6center .ul1 li h5{font-size:22px;margin-top:25px;}
.product6C .pro6center .ul1 li p{font-size:15px;margin-top:5px;}
.product6C .pro6center .ul2 li{border-bottom:1px solid #eaeaea;padding:16px 0;width:100%; text-align:left;font-size:18px;line-height:32px;}
.product6C .pro6center .ul2 li:last-child{border:0;}
.product7{ background-color:#eeeeef;min-height:100vh;display:flex;align-items:center;padding: 40px 0;}
.product7C h2,.product7C .word{ text-align:center;}
.pro7C,.por8C{margin-top:40px;}
.pro7C ul,.por8C{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.pro7C li{width:49%;border:1px solid #d2d2d2;border-radius:20px;padding:60px 40px;}
.pro7C li:first-child{ text-align:right;}
.pro7C li h5{font-size:18px;}
.pro7C li h5 span{color:#0097e0;}
.pro7C li .con{margin-top:30px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center}
.pro7C li .con p{width:20%;line-height: 40px;font-size: 12px;}
.pro7C li .con .pic{width:75%;}
.pro7C li:nth-child(2) .con p{width:25%;}
.product8{min-height:100vh;display:flex;align-items:center;padding: 40px 0;}
.por8C .pro8CL{width:36%;}
.por8C .pro8CR{width:57%;}
.por8C .pro8CR ul{text-align: center;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.por8C .pro8CR ul li{width:32.333%; background-color:#eeefef;border-radius:10px;margin-top:60px;}
.por8C .pro8CR ul li .pic{margin-top: -60px;}
.por8C .pro8CR ul li h5{color:#0068B7;margin-top: 2px;font-size: 15px;line-height: 26px;height: 78px;}
.por8C .pro8CR ul li .pro8CRC{margin:10px 15px 20px; background-color:#fff; border-radius:10px;color:#595757;line-height: 28px;font-size: 12px;height: 214px;padding:20px 5px;}
.product9content .list2{line-height:30px;font-size:16px;}
.product9content .list3 li{padding: 17px 30px;font-size: 16px;color: #595757; overflow:hidden;}
.product9content .list3 li h5{width:76%;float:left;line-height:30px;}
.product9content .list3 li a{float:right;}
.product9content .list3 li a span{width:24px;height:24px;overflow:hidden; display:inline-block;}
.product9content .list3 li a img{width:48px;max-width:inherit;}
.product9content .list3 li a:hover span img{margin-left:-24px;}
.product9content .list4 li{float:left;width:23%;margin:20px 1%; text-align:center;}
.product9content .list4 li h5{margin-top:20px;font-size:16px;}
.tk2{ opacity:1;}
.video dl a{ position:relative; overflow:hidden; display:block;}
.video dl dt div{ position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0); display:flex;align-items:center; text-align:center;color:#fff;}
.video dl dt div p{width:100%;font-size: 20px;}
.video dl dt div p span{ opacity:0;}
.video dl dt div img{width:80px; display:block;margin:0 auto 16px;}
.video dl dd{ position:absolute;bottom:30px;left:40px;color:#fff;width: calc(100% - 80px);}
.video dl dd h5{font-size:24px;margin-top: 15px;}
.video dl a:hover dt div{background-color:rgba(0,0,0,0.6);}
.video dl a:hover dd{ opacity:0;}
.video dl a:hover dt div p span{ opacity:1;}
.popvideo{ position:fixed;width:100%;height:100%;top:0;left:0; background-color:rgba(0,0,0,0.7);display:none; z-index:9999;align-items: center;}
.popvideo div{width:100%;}
.popvideo .btn{ text-align:right;width:60%;margin:auto;}
.popvideo .btn:before{width:35px;height:35px;background:url(../images/icon59.png) no-repeat center center; background-size:100%;content:'';display:inline-block; cursor:pointer;}
.popvideo iframe{width:60%;margin:0 auto; display:block;height:550px;}
.bqR{width: 218px;}
.bqL{flex:1;}

/*newproduct*/
.pro2banner{background: url(../images/newpic1.jpg) no-repeat center center;background-size: cover;display: flex;align-items: center;height: 100vh;margin-top: -100px;}
.pro2banner .summary{margin-top:30px;}
.pro2banner .summary span{ text-align:center;border:1px solid #fff;border-radius:60px;padding:16px 23px; display:inline-block; color:#fff;font-size:18px;margin:0 1px;}
.pro2_1{padding:100px 0 0;}
.pro2_1 .right{width:calc(100% - 265px);font-size: 18px;line-height: 36px;text-align: justify;}
.pro2_1 .right img{width:100%;border-radius:10px;}
.pro2_2{ background-color:#f4f4f4;}
.pro2_2 h2,.pro2_3 h2,.pro2_5 h2,.pro2_6 h2,.pro2_7 h2,.pro2_8 h2,.pro3_1 h2,.pro3_2 h2,.pro3_3 .right h2,.pro3_4 .left h2,.pro3_5 h2,.pro3_7 h2,.pro3_8 h2,.pro4_1 .list .left h2,.pro4_2 h2,.pro4_3 h2,.pro4_4 h2,.pro4_5 h2{color:#0097e1;font-size:48px; text-align:center;}
.pro2_2C .list{margin-bottom:26px; overflow:hidden;}
.pro2_2C .list .left{width:480px; background-color:#0068b7;color:#fff;border-radius:10px; padding:38px;font-size:28px;line-height: 42px; overflow:hidden;}
.pro2_2C .list .left p{margin-top:16px;color:rgba(255,255,255,0.6);font-size:15px;}
.pro2_2C .list .left div{float:left;width:calc(100% - 30px);}
.pro2_2C .list .left img{float:right;margin-top: -10px;}
.pro2_2C .list .right{float:right;width:calc(100% - 580px);font-size:18px;line-height: 36px;margin-top:16px;}
.pro2_2C .list .right .fontbig{font-size:36px;color:#0097e1;}
.pro2_2C .list .right .blue,.pro4_1 .list .left .con .blue{color:#0097e1;}
.pro2_3C .left{width:calc(100% - 620px);}
.pro2_3C .right{width:582px; text-align:center;}
.pro2_3C .right p{color:#999999;margin-top:15px;}
.pro2_3 h2,.pro3_1 h2,.pro3_3 .right h2,.pro3_4 .left h2,.pro4_1 .list .left h2,.pro4_2 h2,.pro4_3 h2,.pro4_4 h2,.pro4_5 h2{text-align:left;}
.pro2_3 .summary,.pro2_4C .right .summary,.pro2_5C,.pro3_1 .left .con,.pro3_3 .right .con,.pro3_4 .left .con,.pro4_1 .list .left .con,.pro4_4C{margin-top:35px;font-size: 18px;line-height: 36px;text-align: justify;}
.pro2_3 .con,.pro2_4C .right .con{margin-top:50px;}
.pro2_3 .con .list{ background-color:#f9f9f9;border-radius:20px; text-align:center;padding:46px 15px;}
.pro2_3 .con .list p{margin-top:15px;font-size:18px;line-height:24px;}
.pro2_3 .con .swiper-pagination{ position:absolute;left:0;bottom:-50px;}
.pro2_3 .con .swiper-pagination span{ display:inline-block;margin:0 2px;}
.pro2_3 .con .btns{ position:absolute;right:0;bottom:-64px;}
.pro2_3 .con .btns .swiper-button-next,.pro2_3 .con .btns .swiper-button-prev,.pro4_3C .btns .swiper-button-prev,.pro4_3C .btns .swiper-button-next{ background-image:none; width:42px;height:42px; display:inline-block;margin:0 2px; overflow:hidden; position:initial;}
.pro2_3 .con .btns .swiper-button-next img,.pro2_3 .con .btns .swiper-button-prev img,.pro4_3C .btns .swiper-button-prev img,.pro4_3C .btns .swiper-button-next img{ width:84px; max-width:initial;margin-left:-42px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity:1 !important;}
.pro2_3 .con .btns .swiper-button-next.swiper-button-disabled img,.pro2_3 .con .btns .swiper-button-prev.swiper-button-disabled img,.pro4_3C .btns .swiper-button-next.swiper-button-disabled img,.pro4_3C .btns .swiper-button-prev.swiper-button-disabled img{margin-left:0;}
.pro2_4,.pro3_8,.pro4_2,.pro4_5{ background-color:#f4f4f4;}
.pro2_4C .left{width:630px;}
.pro2_4C .right{width:calc(100% - 700px);margin-top:40px;}
.pro2_4C .right h2{color:#0097e1;font-size:48px;}
.pro2_4C .right .con{ overflow:hidden;}
.pro2_4C .right .con li{float:left;border:1px solid #dcdcdc; border-radius:8px;font-size:20px;text-align:center;margin:5px 0.5%;display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
.pro2_4C .right .con li.li1{width:calc(55% - 4px);height:60px;}
.pro2_4C .right .con li.li2{width:calc(44% - 4px);height:60px;}
.pro2_4C .right .con li.li3{width:calc(33% - 6px);height:100px;}
.pro2_4C .right .con li.li4{width:calc(33% - 6px);height:100px;}
.pro2_4C .right .con li.li5{width:calc(33% - 6px);height:100px;}
.pro2_4C .right .con li.li6{width:calc(44% - 4px);height:100px;}
.pro2_4C .right .con li.li7{width:calc(55% - 4px);height:100px;}
.pro2_4C .right .con li div p{color:#999999;font-size:15px;margin-top:5px;}
.pro2_4C .right .con li:hover{ background-color:#0097e1;color:#fff;}
.pro2_4C .right .con li:hover p{color:rgba(255,255,255,0.6);}
.pro2_6,.pro2_8,.pro3_4,.pro3_6{ background-color:#f4f4f4;}
.pro2_7C ul div{border-radius:10px;padding:30px 46px; overflow:hidden;}
.pro2_7C ul div:nth-child(odd){ background-color:#f4f4f4;}
.pro2_7C ul div li{float:left;width:50%;}
.pro2_7C ul div li h5{font-size:24px;}
.pro2_7C ul div li p{font-size:16px;color:#595757;margin-top:6px;}
.pro2_8C .swiper-slide img{border-radius:12px;}
.pro2_8C .swiper-slide h5{margin-top:30px;font-size:20px;}
.pro2_8C .swiper-slide p{margin-top:6px;color:#595757;}
.pro2_8C .swiper-container2{margin:0 -20%;width:140%;}
.pro3banner{background: url(../images/newpic9.jpg) no-repeat center center;background-size: cover;display: flex;align-items: center;height: 100vh;margin-top: -100px;}
.solution1C p {font-size:76px;}
.solution1C div{color:#fff;font-size:32px;margin-top:10px;}
.pro3_1 .left{width:calc(100% - 700px);}
.pro3_1 .right{width:522px;}
.pro3_2{background: url(../images/newbg2.jpg) no-repeat center center;background-size: cover;}
.pro3_2 .img{width:594px;margin:auto;}
.pro3_2C li{ position:absolute; text-align:center;}
.pro3_2C li p{margin-top:10px;}
.pro3_2C li:first-child{ left:0;top:32%;}
.pro3_2C li:nth-child(2){left:18%;bottom:0;}
.pro3_2C li:nth-child(3){left:24%;top: 0;}
.pro3_2C li:nth-child(4){right:19%;top:32%;}
.pro3_2C li:nth-child(5){right:8%;bottom:0;}
.pro3_2C li:nth-child(6){right:0;top:0;}
.pro3_2C li:nth-child(2) img,.pro3_2C li:nth-child(5) img{width:110px;margin:auto;}
.pro3_2C li:nth-child(3) img,.pro3_2C li:nth-child(4) img,.pro3_2C li:nth-child(6) img{width:130px;margin:auto;}
.pro3_3 .left{width:667px;}
.pro3_3 .right{width:calc(100% - 770px);margin-top:96px;}
.pro3_4 .right{width:599px;}
.pro3_4 .left{width:calc(100% - 690px);margin-top:130px;}
.pro3_5{background: url(../images/newbg3.jpg) no-repeat center center;background-size: cover;padding:200px 0;}
.pro3_5 .con{font-size: 18px;line-height: 36px;}
.pro3_6 .left{margin-left:7%;margin-top:100px;}
.pro3_6 .left h2{color:#0097e1;font-size:48px;-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);}
.pro3_6 .left h2 p{font-size:30px;}
.pro3_6C {float:right;width:calc(90% - 204px);}
.pro3_6C .swiper-slide img{height:572px; border-radius:30px;width:auto;}
.pro3_6C .swiper-slide {width: auto !important;}
.pro3_6C .swiper-button-next{ position:absolute;left:-14%;bottom:30px;top: initial;background-image: none;width: 72px;height:72px;overflow: hidden;}
.pro3_7pro{width:31.333%;margin:10px 1%; background:url(../images/newbg4.png) repeat-x left bottom;border-radius:10px;padding:45px 25px 25px;}
.pro3_7pro h5{margin-top:60px; color:#fff;font-size: 24px;}
.pro3_7pro p{margin-top:20px; overflow:hidden;color:rgba(255,255,255,0.5);}
.pro3_7pro p img{width:32px;float:left;}
.pro3_7C { display:flex;display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;}
.pro3_7C ul li{float:left;width:31.333%;margin:10px 1%; background-color:#f9f9f9;border-radius:10px;padding:0 25px;display:flex;display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;align-items: center;}
.pro3_7C ul li div{width:100%;}	
.pro3_7C ul li img{width:100px;height:auto;}
.pro3_7C ul li h5{font-size:22px;margin-top:15px;}
.pro3_7C ul li p{font-size:16px;margin-top:5px;}
.pro3_7C ul.ul1{width:66.6666%;}
.pro3_7C ul.ul1 li{width:48%;margin:10px 1%;height: 47%;}
.pro3_7C ul.ul2{width:100%;}
.pro3_7C ul.ul2 li{padding:48px 25px;}
.pro3_8C ul li{float:left;width:21%;margin:10px 2%;}
.pro3_8C ul li h5{background:url(../images/newbg5.png) no-repeat center center; background-size:100% 100%;width:304px;height:304px;padding-top: 90px;}
.pro3_8C ul li p{font-size:22px;margin-top:25px;}
.pro4banner{background: url(../images/newpic20.jpg) no-repeat center center;background-size: cover;display: flex;align-items: center;height: 100vh;margin-top: -100px;}
.pro4_1{ background:url(../images/newbg6.jpg) no-repeat center center; background-size:100% 100%;}
.pro4_1 .list{margin:70px 0;}
.pro4_1 .list .left{width:calc(100% - 457px);margin-top:60px;}
.pro4_1 .list .right{width:385px;}
.pro4_1 .list .right img{max-width:100%;}
.pro4_1 .list .left h3{margin-top:10px;font-size:22px;color:#999999;}
.pro4_2 h2 p,.pro4_4 h2 p,.pro4_5 h2 p{float:right;color:#999999;}
.pro4_2C ul{ display:flex;}
.pro4_2C li{width:48%;margin:20px 1%;float:left;display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;}
.pro4_2C li .left{ background-color:#0068b7;padding:20px;border-radius:12px;color:#fff;width:48%;}
.pro4_2C li .left p{ text-align:right;font-size:18px;}
.pro4_2C li .left p img{ display:inline-block;margin-right:6px;}
.pro4_2C li .left h5{font-size:25px;padding:60px 16px 50px;line-height: 40px;}
.pro4_2C li .right{width:51%;}
.pro4_2C li .right .list{margin-bottom: 2px;border:1px solid #dcdcdc;border-radius:12px;padding:22px 20px;height:50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-decoration: none;}
.pro4_2C li .right .list p{color:#0097e1; text-align:right;width: 100%;}
.pro4_2C li .right .list p img{display:inline-block;margin-right:6px;}
.pro4_2C li .right .list h5{ font-size:22px;}
.pro4_3{padding:100px 0 0;}
.pro4_3C .swiper-slide{ position:relative;}
.pro4_3C .div1{background-color: #f4f4f4;
    background: linear-gradient(top,#f7f7f7,#fff);
    background: -webkit-linear-gradient(top,#f7f7f7,#fff);border-radius:12px;padding:55px 25px;}
.pro4_3C .div1 h5{ font-size:24px; height:62px;}
.pro4_3C .div1 img{ display:block;margin:25px 0;}
.pro4_3C .div1 p{ font-size:20px;}
.pro4_3C .div2{ position:absolute;width:100%;height:100%; top:0;left:0; background-color:#0097e1;border-radius:12px;padding:25px 28px; opacity:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.pro4_3C .div2 .list{margin:16px 0;}
.pro4_3C .div2 img{border-radius:12px;}
.pro4_3C .div2 h5{color:#fff;font-size:16px;margin:15px -10px;}
.pro4_3C .swiper-slide:hover .div2{ opacity:1;} 
.pro4_3C .btns{ position:absolute;right:0;top:-105px;}
.pro4_4{background: url(../images/newbg7.jpg) no-repeat bottom center;background-size: cover;padding:100px 0 580px;}
.pro4_5{ height:100vh;}
.pro4_5C{margin-top:30px;}
.cont {position: relative;height:calc(100vh - 357px);}
.cont h5{ text-align:center;margin-top:20px;font-size:18px;-webkit-transition: all 0.3s 1.2s;
    transition: all 0.3s 1.2s;}
.cont__inner {position: relative;height: 100%;}
.cont__inner:hover .el__bg:after {opacity: 1;}
.el {position: absolute;left: 0;top: 0;width: 19.2%;height:100%;background: #252525;
  -webkit-transition: width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  transition: width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s;
  transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  will-change: transform, width, opacity;}
.el:not(.s--active) {cursor: pointer;}
.el__overflow {overflow: hidden;position: relative;height: 100%;}
.el__inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;}
.cont.s--inactive .el__inner {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);}
.el__bg {
  position: relative;
  /*width: calc(100vw - 140px);*/
  width:100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.6s 0.7s;
  transition: -webkit-transform 0.6s 0.7s;
  transition: transform 0.6s 0.7s;
  transition: transform 0.6s 0.7s, -webkit-transform 0.6s 0.7s;
  will-change: transform;
}
.el__bg .before {
  content: "";
  position: absolute;
  left: 0;
  top: -5%;
  width: 100%;
  height: 110%;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}
.cont.s--inactive .el__bg .before {
  -webkit-transform: translate3d(0, -100%, 0) scale(1.2);
          transform: translate3d(0, -100%, 0) scale(1.2);
}
.el.s--active .el__bg .before {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.el__bg:after {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.cont.s--el-active .el__bg:after {
  -webkit-transition: opacity 0.5s 1.4s;
  transition: opacity 0.5s 1.4s;
  opacity: 1 !important;
}
.el__preview-cont {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s 1.2s;
  transition: all 0.3s 1.2s;
}
.cont.s--inactive .el__preview-cont,.cont.s--inactive h5 {opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.cont.s--el-active .el__preview-cont,.cont.s--el-active h5 {opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;}
.el__heading {font-size: 18px; text-align:center;}
.el__content {z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 30px;opacity: 0;  pointer-events: none;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;}
.el.s--active .el__content {
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0.5s 1.4s;
  transition: all 0.5s 1.4s;
}
.el__text {font-size: 18px;color: #fff;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;height: 100%;line-height: 28px;}
.el__close-btn {
  z-index: -1;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 60px;
  height: 60px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0s 0.45s;
  transition: all 0s 0.45s;
  cursor: pointer;
}
.el.s--active .el__close-btn {
  z-index: 5;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s 1.4s;
  transition: all 0s 1.4s;
}
.el__close-btn:before, .el__close-btn:after {content: "";position: absolute;left: 0;top: 50%;width: 100%;height: 8px;margin-top: -4px;background: #fff;opacity: 0;-webkit-transition: opacity 0s;  transition: opacity 0s;}
.el.s--active .el__close-btn:before, .el.s--active .el__close-btn:after {opacity: 1;}
.el__close-btn:before {
  -webkit-transform: rotate(45deg) translateX(100%);
          transform: rotate(45deg) translateX(100%);}
.el.s--active .el__close-btn:before {
  -webkit-transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);
  transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);
  -webkit-transform: rotate(45deg) translateX(0);
          transform: rotate(45deg) translateX(0);}
.el__close-btn:after {
  -webkit-transform: rotate(-45deg) translateX(100%);
          transform: rotate(-45deg) translateX(100%);}
.el.s--active .el__close-btn:after {
  -webkit-transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);
  transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);
  -webkit-transform: rotate(-45deg) translateX(0);
          transform: rotate(-45deg) translateX(0);
}
.el__index {overflow: hidden;position: absolute;left: 0;bottom: -80px;width: 100%;height: 100%;min-height: 250px;  text-align: center;font-size: 20vw;line-height: 0.85;font-weight: bold;
  -webkit-transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;
  transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s 1.4s;
  transition: transform 0.5s, opacity 0.3s 1.4s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 1vw, 0);
          transform: translate3d(0, 1vw, 0);}
.el:hover .el__index {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);}
.cont.s--el-active .el__index {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
  opacity: 0;}
.el__index-back, .el__index-front {position: absolute;left: 0;bottom: 0;width: 100%;}
.el__index-back {color: #2f3840;opacity: 0;-webkit-transition: opacity 0.25s 0.25s;transition: opacity 0.25s 0.25s;}
.el:hover .el__index-back {-webkit-transition: opacity 0.25s;transition: opacity 0.25s;opacity: 1;}
.el__index-overlay {overflow: hidden;position: relative;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.5s 0.1s;
  transition: -webkit-transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  color: transparent;}
.el__index-overlay:before {
  content: attr(data-index);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.5s 0.1s;
  transition: -webkit-transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
}
.el:hover .el__index-overlay {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.el:hover .el__index-overlay:before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.el:nth-child(1) {
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.cont.s--el-active .el:nth-child(1):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(0%, 0, 0);
          transform: scale(0.5) translate3d(0%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(1) .el__inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.el:nth-child(1) .el__bg {
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}
.el:nth-child(1) .el__bg .before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.el:nth-child(2) {
  -webkit-transform: translate3d(105.2083333333%, 0, 0);
          transform: translate3d(105.2083333333%, 0, 0);
  -webkit-transform-origin: 155.2083333333% 50%;
          transform-origin: 155.2083333333% 50%;
}
.cont.s--el-active .el:nth-child(2):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(105.2083333333%, 0, 0);
          transform: scale(0.5) translate3d(105.2083333333%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(2) .el__inner {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.el:nth-child(2) .el__bg .before {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.el:nth-child(3) {
  -webkit-transform: translate3d(210.4166666667%, 0, 0);
          transform: translate3d(210.4166666667%, 0, 0);
  -webkit-transform-origin: 260.4166666667% 50%;
          transform-origin: 260.4166666667% 50%;
}
.cont.s--el-active .el:nth-child(3):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(210.4166666667%, 0, 0);
          transform: scale(0.5) translate3d(210.4166666667%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(3) .el__inner {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.el:nth-child(3) .el__bg .before {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.el:nth-child(4) {
  -webkit-transform: translate3d(315.625%, 0, 0);
          transform: translate3d(315.625%, 0, 0);
  -webkit-transform-origin: 365.625% 50%;
          transform-origin: 365.625% 50%;
}
.cont.s--el-active .el:nth-child(4):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(315.625%, 0, 0);
          transform: scale(0.5) translate3d(315.625%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(4) .el__inner {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.el:nth-child(4) .el__bg .before {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.el:nth-child(5) {
  -webkit-transform: translate3d(420.8333333333%, 0, 0);
          transform: translate3d(420.8333333333%, 0, 0);
  -webkit-transform-origin: 470.8333333333% 50%;
          transform-origin: 470.8333333333% 50%;
}
.cont.s--el-active .el:nth-child(5):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(420.8333333333%, 0, 0);
          transform: scale(0.5) translate3d(420.8333333333%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(5) .el__inner {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.el:nth-child(5) .el__bg .before {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;}
.el:hover .el__bg:after {opacity: 0;}
.el.s--active {z-index: 1;width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s;
  transition: width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s;
  transition: transform 0.6s, width 0.7s 0.7s, z-index 0s;
  transition: transform 0.6s, width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s;}
.el.s--active .el__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;}
.el.s--active .el__bg .before {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);}
.icon-link {position: absolute;left: 5px;bottom: 5px;width: 32px;}
.icon-link img {width: 100%;vertical-align: top;}
.icon-link--twitter {left: auto;right: 5px;}

/*product5*/
.pro5banner{background: url(../images/pro5_pic1.jpg) no-repeat center center;background-size: cover;display: flex;align-items: center;height: 100vh;margin-top: -100px;}
.solution1C .p1{font-size: 38px;}
.pro5_1 .left{width:64%;}
.pro5_1 .left h2{color:#0097e0;font-size:48px;}
.pro5_1 .left h3{margin-top: 10px;font-size: 22px;}
.pro5_1 .left .con{margin-top: 35px;font-size:26px;line-height: 40px;text-align: justify;}
.pro5_1 .left ul{margin-top: 35px;}
.pro5_1 .left ul li{float:left;width:25%; text-align:center;}
.pro5_1 .left ul li img{max-width:75%;}
.pro5_1 .left ul li p{margin-top:10px; font-size:18px;}
.pro5_1 .right{width:28%; text-align:center;}
.pro5_1 .right h2{color:#0097e0;font-size:28px;margin-top:10px;}
.pro5_1 .right p{color:#5f5f5f;font-size:18px;margin-top:4px;}
.pro5_3 h2,.pro5_4 h2,.pro5_5 h2{ text-align:center;color:#0097e0;font-size:50px;}
.pro5_3C,.pro5_4C,.pro5_5C{margin-top:60px;}
.pro5_3C ul{ display:flex;justify-content: space-between;}
.pro5_3C ul li{ background-color:#fff; box-shadow:0 0 20px #ededed;padding:50px 20px;width:30%;}
.pro5_3C ul li span{width:174px;overflow:hidden; margin:auto; display:block;}
.pro5_3C ul li span img{width:200%;max-width:inherit;}
.pro5_3C ul li:hover span img{margin-left:-100%;}
.pro5_3C ul li h5{color:#0097e0;font-size:34px; text-align:center;margin-top:26px;}
.pro5_3C ul li h3{font-size:22px;text-align:center;margin-top:10px;}
.pro5_3C ul li .con{margin-top:20px;font-size:18px;text-align:center;color:#999999;line-height: 34px;}
.pro5_3C ul li:hover{ background:url(../images/pro_bg1.jpg) no-repeat center center; background-size:cover;}
.pro5_3C ul li:hover h5{color:#fff;}
.pro5_3C ul li:hover h3{color:rgba(255,255,255,0.8);}
.pro5_3C ul li:hover .con{color:rgba(255,255,255,0.6);}
.pro5_4content{margin-top:30px;}
.pro5_4content p{ display:none;}
.pro5_4tab .list{float:left;width:18%;margin:0 0 15px; background-color:#f9f9f9;padding:30px 20px; text-align:center; cursor:pointer;}
.pro5_4tab,.pro5_5C ul{ display:flex;justify-content: space-between;}
.pro5_4tab h5{font-size: 24px;line-height: 32px;height: 64px;display:flex;align-items: center;justify-content: center;}
.pro5_4tab .con{margin-top:30px;padding-top:20px; border-top:1px solid #eeeeef;font-size:16px;color:#5f5f5f;    line-height: 26px;}
.pro5_4tab .list.on{ background-color:#0097e0;}
.pro5_4tab .list.on h5{color:#fff;}
.pro5_4tab .list.on .con{color:rgba(255,255,255,0.8);}
.pro5_5C li{width:18%; text-align:center;}
.pro5_5C li span{ display:inline-block; overflow:hidden;width:90%;}
.pro5_5C li span img{width:200%;max-width:inherit;}
.pro5_5C li h5{font-size:24px;margin-top:40px;}
.pro5_5C li p{font-size:18px;margin-top:6px;}
.pro5_5 {padding-bottom:100px;}
.pro5_5C li:hover span img{margin-left:-100%;}
.pro5_5C li:hover h5,.pro5_5C li:hover p{color:#0094de;}
.product5_6 .list{ display:block;}

.sidetop{position:fixed;right:0;top:26%;z-index: 99;}
.sidetop a{background-color: #0068b7;color: #fff;height: 70px;font-size: 20px;font-weight:bold;border-radius: 7px 0 0 7px;width: 70px;align-items: center;position: absolute;top: 0;right: 0;
    transition: all 0.3s;white-space: nowrap;    line-height: 70px;}
.sidetop a span{height: 70px;width: 70px;text-align: center;display: inline-block;line-height: 1;font-size: 12px;    font-weight: initial;vertical-align: bottom;margin-right: 10px;}
.sidetop a img{width:26px;display: block;margin: 10px auto 10px;}
.sidetop a:hover{width:max-content;padding-right:20px;}


.product6banner .p2{font-size:36px;}
.pro6_1tit h2{color: #0097e0;font-size:48px;}
.pro6_1tit h3{color: #5f5f5f;font-size:25px; margin-top:50px;}
.pro6_1C{margin-top:50px;font-size:18px;line-height:44px;}
.pro6_1C ul{ display:flex;flex-wrap: wrap; text-align:center;}
.pro6_1C ul li{width:33.333%;padding:60px;box-shadow: 0 0 10px #f3f3f3;margin: 20px 0;}
.pro6_1C ul li span{width:114px;height:114px; display:block;margin:auto; overflow:hidden;}
.pro6_1C ul li span img{width:228px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;max-width:initial;}
.pro6_1C ul li:hover span img{margin-left:-114px;}
.pro6_1C ul li h5{margin-top:20px;}
.pro6_3{padding-top:100px;}
.pro6_3C dl{padding:100px 0;align-items: center;}
.pro6_3C dl a{ display:block; display:flex;justify-content: space-between;align-items: center;}
.pro6_3C dl dt{width:45%;}
.pro6_3C dl dd{width:45%;}
.pro6_3C dl dd h2{color: #0097e0;font-size:24px;font-weight:bold;}
.pro6_3C dl dd h2:before{content:'';width:6px;height:20px; background-color:#0097e0;border-radius:4px;display:inline-block; vertical-align:middle;margin-right:20px;}
.pro6_3C dl dd .con{margin-top:20px;color: #5f5f5f;font-size:18px;line-height:44px; position:relative;padding-left:30px;}
.pro6_3C dl dd .con:before{content:'';width:8px;height:8px; background-color:#46e1c0;border-radius:50%;display:inline-block; position:absolute;left:0;top:18px;}
.pro6_3C dl:nth-child(even){ background-color:#eeeeef;}
.pro6_3C dl:nth-child(odd) a{flex-flow: row-reverse;}
.pro6_5{padding-bottom:100px;}
.pro6_5C{margin-top:60px;}
.pro6_5C ul{display:flex;justify-content: space-between;}
.pro6_5C ul li{width:47%;}
.pro6_4C{margin-top:60px; overflow:hidden;}
.pro6_4Con{width:140%;margin-left:-20%;}
.pro6_4Con .swiper-wrapper{padding:20px 0;}
.pro6_4Con .swiper-slide{height:auto;}
.pro6_4Con dl{ box-shadow:0 0 19px #e3e3e3;height:100%;}
.pro6_4Con dl dd{padding:40px 40px;}
.pro6_4Con dl dd h5{font-size:24px;font-weight:bold;line-height: 40px;}
.pro6_4Con dl dd .con{margin-top:30px;line-height:37px;font-size: 20px;height:148px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:4;
  line-clamp:4;
  -webkit-box-orient: vertical;}
.pro6_4Con dl:hover{box-shadow:0 0 19px #b1b1b1;}
.pro6banner{background:url(../images/zt6pic1.jpg) no-repeat center center; background-size:cover;}


@media(max-width:1680px){
	/*newproduct*/
	.pro2_2 h2,.pro2_3 h2,.pro2_4C .right h2,.pro2_5 h2,.pro2_6 h2,.pro2_7 h2,.pro2_8 h2,.pro3_1 h2,.pro3_2 h2,.pro3_3 .right h2,.pro3_4 .left h2,.pro3_5 h2,.pro3_7 h2,.pro3_8 h2,.pro4_1 .list .left h2,.pro4_2 h2,.pro4_3 h2,.pro4_4 h2,.pro4_5 h2{font-size: 40px;}
	.pro2_2C .list .right .fontbig {font-size: 30px;}
	.pro2_2C .list .left{font-size: 24px;width: 438px;}
	.pro2_2C .list .right {width: calc(100% - 530px);}
	.pro2_3C .right { width: 520px;}
	.pro2_3C .left {width: calc(100% - 596px);}
	.pro2_7C ul div li h5 {font-size: 22px;}
	.solution1C p {font-size:60px;}
	.solution1C div{font-size:22px;}
	.pro3_1 .right {width: 450px;}
	.pro3_1 .left {width: calc(100% - 590px);}
	.pro2_3 .summary, .pro2_4C .right .summary, .pro2_5C, .pro3_1 .left .con,.pro2_1 .right,.pro2_2C .list .right,.pro3_3 .right .con,.pro3_4 .left .con,.pro3_5 .con,.pro4_1 .list .left .con,.pro4_4C{font-size: 16px;line-height: 34px;}
	.pro2_2C .list .left{padding: 30px 38px;margin-bottom: 15px;font-size: 20px;line-height: 34px;}
	.pro2_7C ul div li h5 {font-size: 20px;}
	.pro3_2 .img { width: 520px;}
	.pro3_3 .left {width: 600px;}
	.pro3_3 .right {width: calc(100% - 708px);}
	.pro3_4 .right {width: 510px;}
	.pro3_4 .left {width: calc(100% - 630px);margin-top: 96px;}
	.pro3_6C .swiper-slide img {height: 522px;}
	.pro3_7pro h5{font-size: 22px;}
	.pro3_8C ul li p{font-size:20px;}
	.pro4banner .solution1C div {font-size: 18px;}
	.pro4_1 .list .left h3{font-size: 20px;}
	.pro4_2C li .left p{font-size:16px;}
	.pro4_2C li .right .list h5{ font-size:18px;}
	.pro4_3C .div2 h5 {font-size: 14px;line-height: 23px;}
	.pro4_2C li .left h5 {font-size: 22px;}
	.pro3_7C ul.ul1 li {height: 46%;}
	.pro3banner .solution1C p {font-size: 70px;}
	
}
@media(max-width:1600px){
	.product2 .left .bottom .icon, .product2 .right li .icon {width: 90px;}
	.product2 .left .bottom .icon img, .product2 .right li .icon img {width:180px;}
	.product2 .left .bottom:hover .icon img, .product2 .right li:hover .icon img {margin-left: -90px;}
	.product2 .left .word, .product2 .right li .word {width: calc(100% - 94px);}
	
	/*newproduct*/
	.pro2_4C .right .con li{font-size: 17px;}
	.pro3_8C ul li h5 {width: 254px;height: 254px;padding-top: 66px;}
}
@media(max-width:1466px){
	.kepu1 dl dd h5 {font-size: 23px;}
	.newmain h1 { font-size: 30px;}
	.solution1C p {line-height: 100px;}
	.product2 .left .word, .product2 .right li .word {font-size: 18px;}
	.product2 .left .bottom .icon, .product2 .right li .icon {width: 86px;}
	.product2 .left .bottom .icon img, .product2 .right li .icon img {width: 172px;}
	.product2 .left .bottom:hover .icon img, .product2 .right li:hover .icon img {margin-left: -86px;}
	.product2 .left .word, .product2 .right li .word {width: calc(100% - 90px);}
	.product2 .right li .word {font-size: 16px;}
	.solution2_4C h2,.solution2_5C h2{font-size: 28px;}
	.solution2_5C .con,.solution2_4C .con{line-height: 30px;font-size: 14px;width: 100%;}
	
	/*newproduct*/
	.solution1C p {font-size: 48px;}
	.pro2banner .summary span {padding: 12px 20px;font-size: 16px;}
	.pro2_2C .list .right .fontbig {font-size: 24px;}
	.pro2_3C .right {width: 420px;}
	.pro2_3C .left {width: calc(100% - 448px);}
	.pro2_4C .left {width: 460px;}
	.pro2_4C .right {width: calc(100% - 510px);}
	.pro2_2 h2, .pro2_3 h2, .pro2_4C .right h2, .pro2_5 h2, .pro2_6 h2, .pro2_7 h2, .pro2_8 h2, .pro3_1 h2, .pro3_2 h2, .pro3_3 .right h2, .pro3_4 .left h2, .pro3_5 h2, .pro3_7 h2, .pro3_8 h2, .pro4_1 .list .left h2, .pro4_2 h2, .pro4_3 h2, .pro4_4 h2, .pro4_5 h2 {font-size: 33px;}
	.pro2_4C .right .con li div p {font-size: 13px;}
	.pro2_7C ul div li h5 {font-size: 18px;}
	.pro2_7C ul div li p {font-size: 14px;}
	.solution1C p {font-size: 53px;}
	.pro3_8C ul li h5 {width: 216px;height: 216px;padding-top: 50px;}
	.pro3_7pro h5,.pro3_7C ul li h5{font-size: 18px;}
	.pro3_7C ul li p {font-size: 14px;}
	.pro3_1 .right {width: 400px;}
	.pro3_1 .left {width: calc(100% - 467px);}
	.pro3_2 .img {width: 450px;}
	.pro3_2C li:first-child img{width:120px;}
	.pro3_2C li:nth-child(2) img, .pro3_2C li:nth-child(5) img {width: 98px;}
	.pro3_2C li p {font-size: 15px;}
	.pro3_2C li:nth-child(3) img, .pro3_2C li:nth-child(4) img, .pro3_2C li:nth-child(6) img {width: 110px;}
	.pro3_3 .left {width: 460px;}
	.pro3_3 .right {width: calc(100% - 520px);margin-top: 36px;}
	.pro3_4 .right {width: 415px;}
	.pro3_4 .left {width: calc(100% - 472px);margin-top: 45px;}
	.pro3_6C .swiper-slide img { height: 460px;}
	.pro4_2C li .left h5,.pro4_3C .div1 h5{font-size: 18px;}
	.pro4_3C .div1 p,.cont h5{font-size: 16px;}
	.pro4_3C .div2 {padding: 8px 28px;}
	.el__index {font-size: 15vw;}
	.pro3_7C ul li img {width: 60px;}
	.pro3_7C ul li p{ height:24px;}
	
	/*product5*/
	.pro5_3 h2, .pro5_4 h2, .pro5_5 h2 {font-size: 42px;}
	.pro5_1 .left .con {font-size: 22px;line-height: 40px;}
	.pro5_1 .left h2,.pro5_3 h2, .pro5_4 h2, .pro5_5 h2{font-size: 40px;}
	.pro5_1 .right h2 {font-size: 24px;}
	.pro5_1 .right p,.pro5_5C li p{ font-size: 16px;}
	.pro5_1 .left ul li p {font-size: 18px;}
	.pro5_3C ul li h5 {font-size: 28px;}
	.pro5_3C ul li h3,.pro5_5C li h5{font-size: 20px;}
	.pro5_3C ul li .con,.pro5_4tab .con{font-size: 16px; line-height: 30px;}
	.pro5_4tab h5 {font-size: 20px;line-height: 30px;height: 60px;}
}
@media(max-width:1350px){
	.tiaokuan2,.tiaokuan1C{width: 1190px;}
	.por8C .pro8CR {width: 59%;}
	.case1C h2 {font-size: 30px;}
	.product6C .pro6center .ul2 li {font-size: 15px;line-height: 28px;}
	.por8C .pro8CR ul li h5 {line-height: 21px;height: 63px;}
	.por8C .pro8CR ul li .pro8CRC { line-height: 22px;}
	
	/*newproduct*/
	.solution1C p {font-size: 44px;}
	
	/*product5*/
	.solution1C .p1 {font-size: 40px;}
	.pro5_4tab .list {padding: 30px 10px;}
}
@media(max-width:1199px){
	.newmain h1 {font-size: 24px;}
	.prenext p:last-child {text-align: left;margin-top: 10px;}
	.gongyi2 dl dd p{width:75%;}
	.newmaintjC dl dd h5 {font-size: 20px;}
	.solution6Ccon li{padding: 40px 30px;}
	.solution6Ccon li h5 {font-size: 22px;}
	.solution6Ccon li p {font-size: 15px;}
	.solution2_2 .list .words h5 {font-size: 23px;}
	.solution2_2 .list .words .con p {font-size: 15px;}
	.tiaokuan2,.tiaokuan1C{width: 990px;}
	.tiaokuan1 .left h2 {font-size: 32px;}
	.tiaokuan1 .left .con {font-size: 22px;margin-top: 25px;line-height: 40px;}
	.product2 .left {padding: 0 2% 40px 0;}
	.product2 .left .bottom .icon, .product2 .right li .icon {width: 60px;}
	.product2 .left .bottom .icon img, .product2 .right li .icon img {width:120px;}
	.product2 .left .bottom:hover .icon img, .product2 .right li:hover .icon img {margin-left: -60px;}
	.product2 .left .word, .product2 .right li .word {width: calc(100% - 64px);height: 75px;}
	.product2 .left .word{line-height: 26px;}
	.product2 .right li{margin: 0 0 45px 2%;padding-bottom: 45px;}
	.product2 .right li .word {font-size: 15px;}
	.product2 .right li { width: 31.333%;}
	.solution1C p,.product3C h2, .product4 h2, .product6C h2, .product7C h2, .product8C h2{font-size: 28px;}
	.product3C .con, .product4 .word, .product5C .con, .product6C .word, .product7C .word, .product8C .word{font-size:16px;line-height: 34px;}
	.product5 h2 { font-size: 27px;}	
	.pro7C li h5 {font-size: 25px;}
	.pro7C li .con .pic {width: 64%;}
	.pro7C li .con p{line-height: 32px;font-size: 14px;width: 27%;}
	.por8C .pro8CR ul li .pic {margin-top: -45px;}
	.por8C .pro8CR ul li .pic img{width: 90px;}
	.por8C .pro8CR ul li h5 {font-size: 15px;line-height: 20px;}
	.por8C .pro8CR {width: 57%;}
	.por8C .pro8CR ul li .pro8CRC{padding: 20px 2px;}
	.video dl dd h5 {font-size: 16px;margin-top: 10px;}
	.video dl dt div img {width: 68px;}
	.index-brand-box .brand-list .tit {font-size: 23px;}
	.solution6Ccon li p {font-size: 14px;}
	.product2 .left .word, .product2 .right li .word {height: 100px;}
	.product6C .pro6center .ul1 li h5 {font-size: 20px;}
	.product6C .pro6center .ul1 li span {font-size: 13px;}
	.product6C .pro6center .ul1 li p {font-size: 13px;}
	.product6C .pro6center .ul1 li {height: 170px;}
	.product9tab a {font-size: 15px;}
	.product9content .list1 td {font-size: 14px;}
	
	/*newproduct*/
	.pro2_2C .list .left {width: 352px;}
	.pro2_2C .list .right {margin-top: 0px; width: calc(100% - 390px);}
	.pro2_3C .right {width: 327px;}
	.pro2_3C .left {width: calc(100% - 370px);}
	.pro2_3 .con .list {padding: 30px 10px;}
	.pro2_3 .con .list img{width:50px;}
	.pro2_3 .con .list p {font-size: 15px;line-height: 22px;}
	.pro2_4C .left {width: 360px;}
	.pro2_4C .right {width: calc(100% - 390px);}
	.pro2_8C .swiper-slide p {font-size: 15px;}
	.pro3_8C ul li h5 {width: 176px;height: 176px;padding-top: 46px;}
	.pro3_8C ul li h5 img{width:50%;}
	.pro3_8C ul li p {font-size: 17px;}
	.pro3_2 .img {width: 360px;}
	.pro3_2C li:first-child img {width: 96px;}
	.pro3_2C li:nth-child(2) img, .pro3_2C li:nth-child(5) img {width: 64px;}
	.pro3_2C li:nth-child(3) img, .pro3_2C li:nth-child(4) img, .pro3_2C li:nth-child(6) img {width: 83px;}
	.pro3_2C li:nth-child(3) {left: 20%;}	
	.pro3_2C li:nth-child(5) {right: 4%;}
	.pro3_6C .swiper-slide img {height: 400px;}
	.pro3_6 .left {margin-top: 60px;}
	.pro3_6C .swiper-button-next {left:-22%;}
	.pro2_2 h2, .pro2_3 h2, .pro2_4C .right h2, .pro2_5 h2, .pro2_6 h2, .pro2_7 h2, .pro2_8 h2, .pro3_1 h2, .pro3_2 h2, .pro3_3 .right h2, .pro3_4 .left h2, .pro3_5 h2, .pro3_7 h2, .pro3_8 h2, .pro4_1 .list .left h2, .pro4_2 h2, .pro4_3 h2, .pro4_4 h2, .pro4_5 h2 {font-size: 28px;}
	.pro4_1 .list .left {margin-top: 20px;}
	.pro4_2C li .right .list h5 {font-size: 15px;}
	.pro4_3C .div2 h5 {font-size: 12px;line-height: 18px;}
	.pro3banner .solution1C p {font-size:60px;}
	
	/*product5*/
	.pro5_4tab .list {padding: 30px 15px;}
	.pro5_4tab .con {margin-top: 14px;padding-top: 14px;font-size: 14px;line-height: 25px;}
	.pro5_1 .left h2, .pro5_3 h2, .pro5_4 h2, .pro5_5 h2,.pro6_1tit h2{font-size: 33px;}
	.pro5_1 .left .con,.pro6_1C{font-size: 17px;line-height: 30px;}
	.pro5_1 .left h3,.pro6_1tit h3{font-size: 19px;}
	.pro5_3C ul li span {width: 130px;}
	.solution1C .p1 {font-size: 26px;line-height: 1;}
	.pro5_1 .left ul li p {font-size: 14px;}
	.pro5_4tab h5 {font-size: 18px;line-height: 23px;}
	.pro6_1tit h3{margin-top:20px;}
	.pro6_4Con dl dd h5 {font-size: 20px;line-height: 30px;}
	.pro6_4Con dl dd .con {margin-top: 20px;line-height: 30px;font-size: 17px;}
}
@media(max-width:991px){
	.kepu2Right,.tj,.por8C .pro8CL,.siteR{ display:none;}
	.about2C ul li img{max-width: 48%;}
	.about4C ul li img {max-width:60%;}
	.gongyi2 dl a{padding: 30px 20px;}
	.gongyi2 dl a dt {width: 200px;}
	.gongyi2 dl dd {width: calc(100% - 220px);}
	.gongyi2 dl dd .name {margin-top: 20px;}
	.kepu2Left {width: 100%;}
	.new1 dl dd {padding: 20px;}
	.index-brand-box .brand-list .tit {font-size: 29px !important;}
	.index-brand-box .bimg-tab .text-box .desc {font-size: 44px!important;}
	.solution5C .tab .list h5 {font-size: 17px;}
	.solution5C .tab .list p {font-size: 14px;margin-top: 15px;height: 67px;}
	.solution2C h2,.solution1C p,.solution3 h2,.solution5C h2,.solution6 h2{font-size: 35px;}
	.solution2_3C h2 {font-size: 28px;line-height: 49px;}
	.solution2_1C h2{font-size: 38px;}
	.solution2_2 .list .words h5 {font-size: 20px;}
	.solution2_4C, .solution2_5C {width: 100%;}
	.solution2_4{min-height: auto; background:none; display:block;}
	.solution2_4C{padding:60px 7vw;}
	.tiaokuan2,.tiaokuan1C{width: 766px;}
	.tiaokuan1{height: auto;}
	.tiaokuan1 .left h2, .tiaokuan1 .left .con,.tiaokuan1 .left .more,.tiaokuan2{opacity: 1;}
	.tiaokuan1 .right {transform: scale(1, 1);opacity: 1;}
	.tiaokuan1C{padding: 40px 0;}
	.tiaokuan1 .right .word{padding: 50px 15px 26px 20px;}
	.yinsih {height: 0;}
	.solution2C h2, .solution1C p, .solution3 h2, .solution5C h2, .solution6 h2 {font-size: 30px;}
	.product4C .proword {width: 100%;position: inherit;}
	.product4 {height: auto;padding: 60px 0;}
	.product4C .ul1.phoneshow{ display:block;margin-top: 30px;}
	.product4C {height: auto;}
	.product4C .pic{width: 17%;margin-top: 15px;}
	.product4C ul {width: 100%;}
	.product4C ul li:nth-child(even) {margin-top: 0;}
	.product6C .pro6center .ul2 li {padding: 8px 0;}
	.product6,.product7,.product8{padding:60px 0;}
	.pro7C li {padding: 35px 23px;}
	.pro7C li h5 {font-size: 20px;}
	.pro7C li .con .pic {width: 56%;}
	.pro7C li .con p { width: 34%!important;}
	.por8C .pro8CR {width: 100%;}
	.popvideo iframe {height: 280px;}
	.about1C .word {width: 100%;margin-top: 16px;line-height: 30px;font-size: 15px;}
	.about1C h2 {font-size: 20px;width: 100%;}
	.product2 .left {padding: 0;width: 100%;padding-bottom:30px;border-bottom:1px solid #bfbfbf;}
	.product2 .left:after{ display:none;}
	.product2 .left .pic{float:left;width: 48%;}
	.product2 .left .bottom {margin-top: 28px;float: right;width: 48%;}
	.product2 .right {width: 100%;margin-top: 30px;}
	.product2 .left .word, .product2 .right li .word{ display:block;}
	.product2 .right li .word {font-size: 12px;margin-top: 12px;width: 100%;}
	.product2 .left .pic img{width: 72%;margin: auto;display: block;}
	.product2 .right li {width: 48%;margin: 0 0 30px 2%;padding-bottom:30px;}
	.product2 .right li:nth-child(4), .product2 .right li:nth-child(5), .product2 .right li:nth-child(6) {margin-bottom: 30px;border-bottom: 1px solid #bfbfbf;}
	.por8C .pro8CR ul li .pro8CRC{height: 144px;}
	.product9tab a {font-size: 14px;width:auto;padding: 20px 10px;}
	.product9tab {padding: 0 2vw;overflow: scroll;}
	.product9tab .tabC{white-space: nowrap;width: max-content;}
	
	/*newproduct*/
	.pro2_8C .swiper-slide h5 {font-size: 17px;}
	.pro2_8C .swiper-slide p {font-size: 13px;}
	.pro2_4C .left {width: 360px;float: none;margin: auto;}
	.pro2_4C .right,.pro2_2C .list .left,.pro2_2C .list .right,.pro3_1 .left{width: 100%;}
	.pro2_3C .left{width: 100%;float:none;}
	.pro2_3C .right {margin: 66px auto 0;float: none;}
	.pro2_2C .list .left{padding: 20px 26px;}	
	.pro2_1 .right {width: calc(100% - 186px);}
	.pro3_6 .left {margin-left: 0px;}
	.pro3_1 .right{margin:20px auto 0;float: none;}
	.pro3_1 .left{float: none;}
	.pro3_2C ul{margin-top:20px;}
	.pro3_2C li { position: initial;float:left;width:31.333%;margin:10px 1%;}
	.pro3_2C li img{ width:83px !important;}
	.pro3_3 .left,.pro3_4 .right{float: none;margin:20px auto 0;}
	.pro3_3 .right,.pro3_4 .left{width: 100%;float: none;}
	.pro3_6 .left h2 {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);    -o-transform: rotate(0deg);transform: rotate(0deg);}
	.pro3_6 .left {margin-top: 0;width: 100%;padding:0 20px;}
	.pro3_6C {width: 100%;margin-top:30px;padding:0 0 0 20px;}
	.pro3_8C ul li h5 {width: 142px;height: 142px;padding-top: 36px;margin: auto;}
	.pro2_2 h2, .pro2_3 h2, .pro2_4C .right h2, .pro2_5 h2, .pro2_6 h2, .pro2_7 h2, .pro2_8 h2, .pro3_1 h2, .pro3_2 h2, .pro3_3 .right h2, .pro3_4 .left h2, .pro3_5 h2, .pro3_7 h2, .pro3_8 h2, .pro4_1 .list .left h2, .pro4_2 h2, .pro4_3 h2, .pro4_4 h2, .pro4_5 h2 {font-size: 26px;}
	.pro3_6 .left h2 {font-size: 30px;}
	.pro3_6 .left h2 p {font-size: 20px;}
	.pro3_7pro {width: 100%; margin: 10px 0%;}
	.pro3_7C ul li p{height:48px;}
	.pro4banner .solution1C div {font-size: 14px;}
	.pro4_1 .list .right { float: none;margin: 20px auto 0;}
	.pro4_1 .list .left {margin-top: 0;width: 100%;float: none;}
	.pro4_1 .list .left h3 {font-size: 16px;}
	.pro4_1 {background: url(../images/newbg6.jpg) repeat-y center center;background-size: 100%;}
	.pro4_2C ul {display: block;}
	.pro4_2C li {width: 100%;margin: 10px 0;}
	.el__close-btn { width: 34px;height: 34px;}
	.pro3_7C{ display:block !important;}
	.pro3_7C ul.ul1 {width: 100%;}
	.pro3_7C ul.ul1 li {height: auto;}
	.pro3_7C ul li{padding:40px 20px !important;}
	.pro3banner .solution1C p {font-size:50px;}
	
	
	/*product5*/
	.pro5_3C ul li span {width: 90px;}
	.pro5_3C ul li h5 {font-size: 22px;}
	.pro5_3C ul li h3, .pro5_5C li h5 {font-size: 18px;}
	.pro5_3C ul li .con, .pro5_4tab .con {font-size: 14px;line-height: 25px;}
	.pro5_1 .right p, .pro5_5C li p {font-size: 14px;}
	.pro5_1 .right h2 {font-size: 20px;}
	.pro5_1 .left ul li p {font-size: 16px;}
	.pro5_4tab h5 {font-size: 17px;line-height: 26px;height: 60px;}
	.product9content .list1 td {padding: 20px 20px;font-size: 15px;}
	.pro5_5C li h5 { margin-top: 24px;}
	.pro5_4tab{flex-wrap: wrap;}
	.pro5_4tab .list { width: 31.3333%;}
	.pro5_4tab .list:nth-child(4),.pro5_4tab .list:nth-child(5){ width: 48%;}
	.pro6banner{ background:url(../images/zt6pic1s.jpg) no-repeat center center; background-size:cover;}
	
	
}
@media(max-width:767px){
	.case2 .right,.new2 dl.dl1 dd p,.new2 dl.dl1 dd span,.index-brand-box .brand-svg,.index-brand-box .click-area,.solution5C .content,.solution5C .tab .list:after,.tiaokuan1 .right .pic,.tiaokuan1 .right .word button,.tiaokuan1 .left .con,.tiaokuan1 .left .more,.product2 .left:after{ display:none;}
	.caseC{display: block;}
	.newmain h1 {font-size: 22px;}
	.newmain time span {margin: 0 8px; font-size: 13px;}
	.pagelist {margin: 12px auto 0;}
	.pagelist li a, .pagelist li span {padding: 5px 12px;}
	.pagelist li{margin:0;}
	.headh {height: 80px;}
	.about1{min-height: calc(100vh - 100px);}
	.about1C h2 {font-size: 20px;}
	.about2C h2, .about3C h2, .about4C h2 {font-size: 20px;line-height: 32px;}
	.about2,.about3,.about4{min-height: 100vh;}
	.about2C ul li,.about4C ul li{font-size: 12px;}
	.about2C ul li img, .about4C ul li img {margin: 0 auto 20px;}
	.about3C .word {margin-top: 30px;}
	.case1C {margin: 0 7vw 0 7vw;width: 100vw;text-align: center;}
	.case1C h2 {font-size: 30px;}
	.case1C .word {font-size: 20px;}
	.case2 .left h2 {font-size: 24px;}
	.case2 .left,.case2 .left h3{width: 100%;}
	.case2 {margin: 0 7vw;}
	.case2 .left em {font-size: 80px;}	
	.case2 .left h3{font-size: 18px;height: 46px;}
	.case2 .left .summary {font-size: 14px;line-height: 25px;}
	.case2 .left .more {margin-top: 40px;}
	.case2 .swiper-button-next{width: 44px;height: 44px;right: 0% !important;top: 0%!important;}
	.case2 .swiper-button-prev{width: 44px;height: 44px;top: 0%!important;right: 60px !important;}
	.otherbanner1 h2 {font-size: 24px;padding: 70px 0;}
	.siteL {width:100%;}
	.siteL a{width: 50%;height: 60px;line-height: 60px;}
	.siteL a:after{height: 60px;}
	.down,.gongyi,.gongyi2,.kepu1,.kepu2,.newmain,.new1,.new2,.solution5,.solution3,.solution2_2,.tiaokuan2,.product9content,.video {padding:40px 7vw;}
	.down dl{margin-bottom: 15px;padding:0 5px;}
	.down dl dd{padding: 35px 10px;}
	.down dl h5 {font-size: 14px;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;white-space: inherit;left: 10px;width: calc(100% - 20px);}
	.gongyi dl,.new1 dl,.video dl{margin-bottom: 15px;padding:0 0;}
	.gongyi dl dd h5{font-size: 18px;}
	.gongyi dl a{height: 360px;}
	.gongyi dl a:hover dt{height: 156px;}
	.gongyi2 dl a {padding: 20px 10px;}
	.gongyi2 dl a dt {width: 110px;}
	.gongyi2 dl dd {width: calc(100% - 120px);}
	.gongyi2 dl dd .name {margin-top: 0;}
	.gongyi2 dl dd .name h5{font-size: 16px;width: 100%;}
	.gongyi2 dl dd .name time {float: left;font-size: 12px;margin-top: 4px;}
	.gongyi2 dl dd p {width:100%;margin-top: 6px;font-size: 12px;line-height: 17px;}
	.gongyi2 dl {margin-bottom: 15px;}
	.kepu1 dl{padding:0;}
	.kepu1 dl dd h5{font-size: 16px;margin-top: 14px;}
	.kepu1 dl dd p{margin-top: 14px;font-size: 14px;line-height: 25px;}
	.kepu1 dl dd {padding: 20px 0 35px;}
	.kepu2Left .dl1 h5 {font-size: 16px;margin-top: 10px;}
	.kepu2Left .dl1 p {font-size: 14px;margin-top: 20px;}
	.kepu2Left .dl1 span {margin-top: 24px;width: 100px;height: 40px;line-height: 40px;font-size: 14px;}
	.kepu2Left .dl1 a {padding-bottom: 26px;}
	.kepu2Left dl a {padding: 25px 0;}
	.kepu2Left dl dt span {font-size: 36px;line-height: 60px;}
	.kepu2Left dl dd { width: calc(100% - 74px);}
	.kepu2Left dl dd h5{font-size: 16px;width: 90%;}
	.kepu2Left dl dd p {font-size: 14px;}
	.kepu2Left dl a>span {top: 39px;}
	.newmain time span img {width: 17px;}
	.prenext p a{font-size: 0;}
	.prenext .back,.prenext p a{line-height: 64px;height: 64px;}
	.new1 dl dd h5{font-size: 16px;margin-top: 10px;}
	.new1 dl dd span {top: 20px;}
	.new1 dl dd p{font-size: 13px;}
	.new2 dl.dl1 dt {width:250px;}
	.new2 dl.dl1 dd {width: calc(100% - 120px);padding: 10px 5%;}
	.new2 dl.dl1 dd time {font-size: 12px;}
	.new2 dl.dl1 dd h5 {font-size: 16px;line-height: 22px;margin-top: 6px;}
	.new2 dl.dl2 dt h5 {width: 100%;font-size: 18px;}	
	.new2 dl.dl2 dt time {float: left;font-size: 14px;margin-top: 10px;font-size: 12px;}
	.new2 dl.dl2 dd p{width:86%;font-size: 14px;line-height: 21px;}
	.new2 dl.dl2 a {padding: 25px 0;}
	.solution2C h2, .solution1C p, .solution3 h2, .solution5C h2, .solution6 h2 {font-size: 20px;}
	.solution1C p {line-height: 54px;}
	.solution4 {height: auto;padding: 40px 7vw;background: #fff;}
	.index-wrap,.index-brand-box .brand-list{position: inherit !important;}
	.index-brand-box .brand-list .text-box {position: inherit!important;transform: translateY(0%)!important;}
	.index-brand-box .brand-list .item {float: none!important;width: 100%!important;height: auto!important; position:relative;padding: 40px 20px 150px;border-radius: 20px 0 20px 0;margin-bottom: 15px; overflow:hidden;}
	.index-brand-box .brand-list .item .brand-img,.index-brand-box .brand-list .item .block {display: block!important;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.index-brand-box .brand-list .brand-logo .hover{opacity: 1 !important;}
	.index-brand-box .brand-list .item .brand-img img{ opacity: 0;}
	.index-brand-box .brand-list .tit{color: #595757 !important;margin-top: 12px !important;font-size: 20px !important;}
	.index-brand-box .brand-list .more-box .init {font-size: 15px;color: #595757 !important;}
	.index-brand-box .brand-list .more-box {margin: 10px auto 0!important;}
	.solution6Ccon ul {display:block !important;}
	.solution6Ccon li {width: 100%;margin: 0 0;}
	.solution6{padding:60px 7vw !important;}
	.solution6Ccon li img {width: 60px;}
	.solution6Ccon li{margin-bottom:15px;}
	.solution5C .tab {width: 100%;}
	.solution5{padding:0px 7vw 40px !important;}
	.solution5C .tab .list.on h5, .solution5C .tab .list.on p{color: #686868;}
	.solution5C .tab .list p{height: auto;}
	.solution3 { height:auto;}
	.solution3C .pic img {max-height: inherit !important;}
	.solution2_1C h2,.tiaokuan1 .left h2{font-size: 24px;}
	.solution2_1C .con {font-size: 14px;line-height: 27px;margin-top: 30px;}
	.solution2_2 .list,.tiaokuan1C{ display:block;}
	.solution2_2 .list .words, .solution2_2 .list .pic {width: 100%;margin-bottom: 15px;}
	.solution2_2 .list .words{padding: 40px 20px;}
	.solution2_3 {padding-top: 40px;}
	.solution2_3C h2 {font-size: 19px;line-height: 29px;margin-bottom: 53px;}
	.solution2_5C h2, .solution2_4C h2 {font-size: 20px;}
	.solution2_4C .con,.solution2_5C .con{margin-top: 34px;line-height: 29px;font-size: 14px;width: 100%;}
	.solution2_5{min-height:auto;padding:60px 7vw; position:relative;display:block;}
	.solution2_5:after{content:''; display:block;width:100%;height:100%;top:0;left:0; background-color:rgba(0,0,0,0.5); position:absolute;}
	.solution2_5 .container{ position:relative; z-index:1;}
	.tiaokuan2,.tiaokuan1C{width: 100%;}
	.tiaokuan2 h2 {font-size: 22px;}
	.tiaokuan1C {padding: 40px 7vw;}
	.tiaokuan1 .left {width: 100%;margin-right: 0;}
	.tiaokuan1 .right {width: 100%;margin-top: 16px;}
	.tiaokuan1 .right .word {padding: 0;color: #474747;position: inherit;opacity: 1;background-color: transparent;}
	.tiaokuan1 .right .word article {overflow-y: visible;padding-right: 0;}
	.solution1C {padding: 0 7vw;}
	.solution1C p {line-height: 43px;font-size: 21px;}
	.product2 {padding: 60px 7vw;}
	.product3C, .product5C {margin: 0 7vw;}
	.solution1C p, .product3C h2, .product4 h2, .product6C h2, .product7C h2, .product8C h2 {font-size: 20px;}
	.product3C .con, .product4 .word, .product5C .con, .product6C .word, .product7C .word, .product8C .word {  font-size: 13px;line-height: 28px;}
	.product4C .pic img {width: 100%;}
	.product4C ul li img{max-width: 80%;}
	.product4C ul li{font-size: 12px;}
	.product5 h2 {font-size: 20px;}
	.product6C .pro6center,.pro7C ul{ display:block;}
	.product6C .pro6center .ul1{width: 100%;display: block; overflow:hidden;padding:20px 0;}
	.product6C .pro6center .ul2{width: 100%;margin-top:5px;}
	.product6C .pro6center .ul1 li {width: 50%;float: left;margin-bottom: 20px;}
	.pro7C li {width: 100%;margin-bottom: 12px;}
	.por8C .pro8CR ul{ display:block;}
	.por8C .pro8CR ul li {width: 100%;padding-bottom: 20px;}
	.por8C .pro8CR ul li .pro8CRC {height: auto;}
	.por8C .pro8CR ul li .pic img {margin-top: -45px;}
	.product9content .list4 li {width: 48%;margin: 10px 1%;}
	.product9content .list4 li h5 {margin-top: 14px;font-size: 14px;}
	.product9content .list3 li {padding:8px 10px;font-size: 14px;}
	.product9content .list2 {line-height: 25px;font-size: 15px;}
	.product9content .list1{overflow-x: scroll;margin-right: -7vw;}
	.product9content .list1 table{min-width: 640px;}
	.product9content .list1 td {padding: 14px 17px;font-size: 14px;}
	.video dl dt div img {width: 40px;}
	.video dl dt div p {font-size: 15px;}
	.video dl dd { bottom: 14px;left: 16px; width: calc(100% - 32px);}
	.video dl dd time{font-size:13px;}
	.video dl dd h5{font-size:16px;margin-top:5px;}
	.popvideo iframe {width: 80%;height: 280px;}
	.popvideo .btn {width: 80%;}
	.solution1 {background: url(../images/otherbanner2phone.jpg) no-repeat bottom center;background-size: cover;}
	.solution6{background: #646368;}
	.solution2_1 {background: url(../images/otherbanner3phone.jpg) no-repeat center center;background-size: cover;}
	.solution3_1 {background: url(../images/solution3-3phone.jpg) no-repeat bottom center;background-size: cover;}
	.solution4_1 {background: url(../images/solution4-3phone.jpg) no-repeat bottom center;background-size: cover;}
	.solution5_1 {background: url(../images/solution5-3phone.jpg) no-repeat center center;background-size: cover;}
	.product1 {background: url(../images/otherbanner4phone.jpg) no-repeat center center;background-size: cover;}
	.product3 {background: url(../images/bg15phone.jpg) no-repeat left center;background-size: cover;}
	.product5 {background: url(../images/bg16phone.jpg) no-repeat left center;background-size: cover;}
	.case1 { background: #f6f6f6 url(../images/bg14phone.jpg) no-repeat center center;background-size: cover;}
	.otherbanner1 {background: url(/static/images/otherbanner1phone.jpg) no-repeat top center !important;background-size: cover !important;}
	.product2 .right li .word strong {font-size: 15px;}
	.product2 .right li .word p{font-size: 13px;line-height: 21px;margin-top: 5px;}
	.bqR { width: auto;}
	.solution2C p,.case1C .word{font-size: 14px;}
	.solution2_2 .list .words .con p {font-size: 16px;}
	.solution2_2 .list .words .con,.solution2_4C .con, .solution2_5C .con{line-height: 24px;font-size: 13px;}
	.solution2_2 .list .words h5 {font-size: 18px;}
	.solution2_4 {padding: 0;}
	.case1C h2 {font-size:24px;}
	.about1C .word {line-height: 25px;font-size: 14px;}
	.product2 .left .pic,.product2 .left .bottom,.product2 .right li{width: 100%;}
	.product2 .left .word, .product2 .right li .word {height: auto;}
	.product5 h2,.product6C .pro6center .ul1 li h5{font-size: 18px;}
	.product6C .word2 {font-size: 14px;line-height: 30px;}
	.pro7C li h5 {font-size: 16px;}
	.pro7C li .con p {width: 100%!important;line-height: 24px;}
	.pro7C li .con .pic {width:72%;}
	.pro7C li .con {display: block;}
	.pro7C li:first-child {text-align: left;}
	.pro7C li:first-child .con .pic,.pro7C li:nth-child(2) .con p{margin-top: 20px;}
	.h_pro3 .con ul li, .product4C ul li {width: 31%;margin-bottom: 10px;}
	.product4C ul,.h_pro3 .con ul{display: inline;}
	
	/*newproduct*/
	.pro2_2 h2, .pro2_3 h2, .pro2_4C .right h2, .pro2_5 h2, .pro2_6 h2, .pro2_7 h2, .pro2_8 h2, .pro3_1 h2, .pro3_2 h2, .pro3_3 .right h2, .pro3_4 .left h2, .pro3_5 h2, .pro3_7 h2, .pro3_8 h2, .pro4_1 .list .left h2, .pro4_2 h2, .pro4_3 h2, .pro4_4 h2, .pro4_5 h2 {font-size: 22px;}
	.pro2banner .summary span {padding: 5px 16px;font-size: 12px;margin: 4px 0px;}
	.pro2_1 {padding: 40px 15px; position:relative;}
	.pro2_1 .left {position: absolute;left: 0;top: 0;width: 70px;}
	.pro2_1 .right {width: 100%;position: relative;}
	.pro2_3 .summary, .pro2_4C .right .summary, .pro2_5C, .pro3_1 .left .con, .pro2_1 .right, .pro2_2C .list .right, .pro3_3 .right .con, .pro3_4 .left .con, .pro3_5 .con, .pro4_1 .list .left .con, .pro4_4C {font-size: 14px; line-height: 27px;}
	.pro2_2,.pro2_3,.pro2_4,.pro2_5,.pro2_6,.pro2_7,.pro3_1,.pro3_2,.pro3_3,.pro3_4,.pro3_5,.pro3_7,.pro3_8,.pro4_1 ,.pro4_2,.pro4_3,.pro4_4,.pro4_5 {padding: 40px 15px;}
	.pro2_2C{margin-top:30px;}
	.pro2_2C .list .left{font-size: 18px;line-height: 28px;}
	.pro2_2C .list .right .fontbig {font-size: 22px;}
	.pro2_3C .right,.pro2_4C .left,.pro3_2 .img{width: 100%;}
	.pro2_3C .right p,.pro2_4C .right .con li{ font-size: 14px;}
	.pro2_4C .right .con {margin-top: 30px;}
	.pro2_4C .right .con li div p {font-size: 12px;line-height: 16px;}
	.pro2_7C ul div {padding: 0;}
	.pro2_7C ul div li {width: 100%;padding: 20px 20px;border-radius: 10px;overflow: hidden;}
	.pro2_7C ul div li:nth-child(odd) {background-color: #f4f4f4;}
	.pro2_7C ul div:nth-child(odd) {background-color: #fff;}
	.pro2_8C .swiper-slide h5 {font-size: 15px;}
	.pro2_8C .swiper-slide p {font-size: 12px;line-height: 18px;}
	.solution1C div {font-size: 13px;}
	.pro3_1 .right,.pro3_3 .left, .pro3_4 .right,.pro4_1 .list .right{width:60%; text-align:center;}
	.pro3_2C li p {font-size: 12px;}
	.pro3_4 .left{margin:0;}
	.pro3_6{padding: 40px 0;}
	.pro3_6 .left {padding: 0 15px;}
	.pro3_6C {padding: 0 0 0 15px;}
	.pro3_6C .swiper-slide img {height: 184px;}
	.pro3_7C ul li { width: 48%;padding: 20px 5px!important;margin: 3px 1%!important;}
	.pro3_7C ul li img {width: 35px;}
	.pro3_7C ul li h5 {font-size: 14px;}
	.pro3_7C ul li p {font-size: 12px;}
	.pro3_7pro h5{font-size: 16px;}
	.pro3_8C ul li {width: 46%;}
	.pro4_1 .list {margin-bottom: 40px;}
	.top60 {margin-top:30px;}
	.pro4_2C li{ display:block !important;}
	.pro4_2C li .left {width: 100%;}
	.pro4_2C li .left h5 {padding: 32px 4px 23px;line-height: 30px;}
	.pro4_2C li .right {width: 100%;margin-top: 2px;}
	.pro4_2C li .right .list h5 {margin-top: 30px;}
	.pro4_3C .btns {top: -68px;}
	.pro4_2 h2 p, .pro4_4 h2 p, .pro4_5 h2 p {font-size: 14px;line-height: 22px;margin-top: 10px;float:none;}
	.cont {height: 250px;}
	.cont h5 {font-size: 12px;}
	.pro4_5 {height: 456px;}
	.el__text {font-size: 14px;line-height: 24px;}
	.el__index{ display:none;}
	.pro3banner .solution1C p {font-size:30px;}
	.pro2banner {background:url(../images/newotherbannerphone1.jpg) no-repeat center center;background-size: cover;}
	.pro3banner {background:url(../images/newotherbannerphone2.jpg) no-repeat center center;background-size: cover;}
	.pro4banner {background:url(../images/newotherbannerphone3.jpg) no-repeat center center;background-size: cover;}
	
	/*product5*/
	.solution1C .p1 {font-size: 20px;line-height: 44px;}
	.pro5_1,.pro5_3,.pro5_4,.pro6_1,.pro6_3C dl{padding:40px 15px;}
	.pro5_1 .left {width: 100%;}
	.pro5_1 .left h2, .pro5_3 h2, .pro5_4 h2, .pro5_5 h2,.pro5_1 .left h2, .pro5_3 h2, .pro5_4 h2, .pro5_5 h2, .pro6_1tit h2{font-size: 24px;}
	.pro5_1 .left h3,.pro6_1tit h3{font-size: 16px;}
	.pro5_1 .left .con,.pro6_1C,.pro6_3C dl dd .con{font-size: 15px;line-height: 27px;margin-top: 20px;}
	.pro5_1 .left ul li p {font-size: 13px;}
	.pro5_1 .right {width: 100%;display: flex;margin-top:20px;align-items: center;}
	.pro5_1 .right img{width:124px;}
	.pro5_1 .right .con{flex:1;text-align: left;margin-left: 10px;}
	.pro5_3C ul li {padding: 30px 20px;width: 100%;margin-bottom:15px;}
	.pro5_3C ul {display: block;}
	.pro5_3C ul li span {width: 74px;}
	.pro5_4tab{ display:block; overflow:hidden;}
	.pro5_4tab .list{width:48%;margin:0 1% 5px;}
	.pro5_4tab .list .con{ display:none;}
	.pro5_4tab h5 {font-size: 15px;line-height: 20px;height: 30px;}
	.pro5_4tab .list {padding: 17px 10px;}
	.pro5_3C, .pro5_4C, .pro5_5C {margin-top: 20px;}
	.pro5_4content {margin-top: 8px;}
	.pro5_5 {padding:0 15px 40px;}
	.pro5_5C ul {display: flex;justify-content:initial;flex-wrap: wrap;}
	.pro5_5C li {width: 31.333%;margin:0 1% 15px;}
	.pro5_5C li p {font-size: 12px;}
    .product9content{padding: 40px 15px;}
	.pro5_3C ul li h3, .pro5_5C li h5 {font-size: 16px;}
	.sidetop a span{font-size:0;}
	.sidetop a span,.sidetop a,.sidetop a:hover{height: 54px; width: 54px;}
    .sidetop a img {margin: auto;}
    .pro6_1C ul li {padding: 20px;margin: 0px 0;}
    .pro6_1C ul li span {width: 50px;height: 50px;}
    .pro6_1C ul li span img {width:100px;}
    .pro6_1C ul li:hover span img {margin-left: -50px;}
    .pro6_1C ul li h5 {margin-top: 10px;font-size: 13px;}
    .pro6_3{padding:40px 0 0;}
    .pro6_3C dl:nth-child(odd) a {flex-flow: initial;}
    .pro6_3C dl a {display: block;}
    .pro6_3C dl dt {width: 74%;margin: auto;}
    .pro6_3C dl dd {width: 100%;margin-top: 20px;}
    .pro6_3C dl dd h2 {font-size: 17px;}
    .pro6_3C dl dd h2:before {height: 16px;margin-right: 14px;}
    .pro6_3C dl dd .con:before {top: 10px;}
    .pro6_3C dl dd .con { padding-left: 23px;}
    .pro6_4{padding:40px 0 20px;}
    .pro6_4C {margin-top: 0px;}
    .pro6_4Con {width: 200%;margin-left: -50%;}
    .pro6_4Con dl dd {padding: 20px 20px;}
    .pro6_4Con dl dd h5 {font-size: 15px;line-height: 20px;}
    .pro6_4Con dl dd .con {margin-top: 10px;line-height: 20px;font-size: 12px;}
    .pro6_5 {padding:0 15px 60px;}
    .pro6_5C {margin-top: 30px;}
	
}
@media(max-width:640px){
	.product9content .list5 li img {width: 100%;}

}
@media(max-width:550px){
	
	
}
@media(max-width:500px){
	
	/*newproduct*/
	.pro3_8C ul li p {font-size: 14px;height:48px;}
	.pro2banner .summary span {width: 90%;}
	
}
@media(max-width:450px){
	
	
	
}
@media(max-width:400px){
	.new2 dl.dl1 a{ display:block;}
	.new2 dl.dl1 dt {width: 100%;}
	.new2 dl.dl1 dd {width: 100%;padding: 22px 5%;}
	
	/*newproduct*/
	.cont h5{/*-webkit-transform: scale(0.75);transform: scale(0.75);*/opacity:0;}
	.cont.s--el-active .el__preview-cont, .cont.s--el-active h5 { opacity:1;-webkit-transform: translateY(0px);    transform: translateY(0px);}
	.pro3_7C ul li h5 {font-size: 13px;}

}
@media(max-height:800px){
	.case2,.solution5,.solution6{padding:60px 0;}
	
}