@charset "utf-8";
/***公共样式****/
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, textarea, select { margin:0; padding:0;-webkit-appearance: none;  outline:none}	

ol, ul{list-style:none;}

html{overflow-x:hidden; -webkit-text-size-adjust:none;}

body {font-size:14px;font-family: 'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";color:#888; line-height:1.8; letter-spacing:1px; overflow-x:hidden }


img{display:inline-block; max-width:100%; max-height:100%; border:none}
/*a 链接*/
a { text-decoration:none; outline:none;color:#333;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
a:hover{color:#4ea3fe; }

/*居中*/
.juzhong{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;}
.juzhong2{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}


.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang{display:flex;flex-direction:row;justify-content:space-between;}
.zuo{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you{display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}





/*浮动*/
.fl {float:left; display:inline}
.fr {float:right; display:inline}
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
button, textarea, select { font-size:100%; outline:none; resize:none;-webkit-appearance: none;}
input,button, textarea, select { font-family: 'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}


/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0;-webkit-appearance: none; }

@font-face {
  font-family: 'bebas';
  src: url("../fonts/bebas.eot");
  src: url("../fonts/bebas.eot") format("embedded-opentype"), url("../fonts/bebas.woff2") format("woff2"), url("../fonts/bebas.woff") format("woff"), url("../fonts/bebas.ttf") format("truetype"), url("../fonts/bebas.svg#bebas") format("svg"); }
  
@font-face {
	font-family: 'englishwz';
	src: url("../fonts/tt0156m.ttf");
}

.header { position: fixed;left: 0;top: 0;width: 100%;z-index: 9999999;transition: all .3s ease 0s; background:#fff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}



.header.cur{ background:#fff; height:66px; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}
.header.cur .logo {}
.header.cur ul{ line-height:66px;}
.header.cur .nav li a{ color:#333}



.header-container {margin: 0 auto;max-width:1100px;transition: all .3s ease 0s;}
.top-banner{ overflow:hidden; position:relative; height:100vh;}
/*.top-banner:after {content:"";background-color:rgba(0,0,0,.5);position: absolute;width:100%;height:100%;z-index:1;left: 0;top:0;}*/
.top-banner video{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}  

.desktop-scroll-tip { position: absolute; bottom: 0; left: 50%; z-index: 99; text-align: center; transform:translate(-50%,0) ; cursor:pointer}
.desktop-scroll-tip .icon { width: 12px; height: 24px; border: 2px solid #fff; border-radius: 8px; margin:0 auto; margin-bottom:5px; position:relative; }
.desktop-scroll-tip .icon:before { content: ''; position: absolute; top: 4px; left: 50%; margin-left: -2px; width: 4px; height: 4px; border-radius: 100%; background: #fff; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite }
.desktop-scroll-tip .line { width: 2px; height: 30px; background: #fff; margin: 0 auto }

.desktop-scroll-tip p{ color:#fff}
@-webkit-keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}




.logo {float: left;display: block;position: relative;z-index: 1; height:45px; margin-top:10px;}

.nav {float: right; line-height:66px;}

.header .nav li { float:left;}
.header .nav li a{ color:#333; display:block; padding:0px 25px; }
.header .nav li:hover>a{ background:#FFF; color:#ec6d1e}

.synavdown{ position:absolute; left:50%; margin-left:-60px; top:60px; background:#fff; width:120px; display:none;-webkit-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 6px 13px rgba(0, 0, 0, 0.1);box-shadow: 0 6px 13px rgba(0, 0, 0, 0.1);}

.header .nav li .synavdown a{ color:#333; display:block; line-height:20px;padding:10px; text-align:center; border-top:0.5px solid #ddd}
.header .nav li .synavdown a:hover{ color:#4ea3fe; }

.wapbtn{ width:40px; height:40px; background:url(../images/wbtn.png) no-repeat center center; float:right; margin-top:5px; display:none}





.banner img{ width:100%}



.bannertxt{ position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:9999}

.bannertxt h2 {font-size: 24px;font-weight: lighter;}
.bannertxt p {font-size: 50px;padding:22px 0;}
.bannertxt a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 130px;
    height: 38px;
    line-height: 38px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #fff;
    text-align: center;
}
.bannertxt div{ text-align:center; color: #fff;}

.proico{ border-bottom:0.5px solid #e5e5e5; background:#FFF; overflow:hidden}
.proico li{ width:33.33%; float:left; border-left:0.5px solid #e5e5e5; height:90px; font-size:16px; position:relative; margin-left:-1px;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;}
.proico li a{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; width:100%}

.pixsaimg{height:45px; margin-right:10px;}



.proico li:before{ content:""; height:2px; background:#4ea3fe; width:0; position:absolute; left:0px; bottom:-1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index:9}
.proico li:hover:before{ width:100%}

.proico li .icopimg{ height:50px;width:100px; float:left;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.proico li p{float:right; line-height:50px;}

.proico li:nth-child(1) .icopimg{ background:url(../images/protb01.png) no-repeat center center; background-size:auto 100%}
.proico li:nth-child(2) .icopimg{ background:url(../images/protb02.png) no-repeat center center; background-size:auto 100%}
.proico li:nth-child(3) .icopimg{ background:url(../images/protb03.png) no-repeat center center; background-size:auto 100%}
.proico li:nth-child(4) .icopimg{ background:url(../images/protb04.png) no-repeat center center; background-size:auto 100%}


/*.proico li:nth-child(1):hover .icopimg{ background:url(../images/protb11.png) no-repeat center center; background-size:auto 100%}
.proico li:nth-child(2):hover .icopimg{ background:url(../images/protb22.png) no-repeat center center; background-size:auto 100%}
.proico li:nth-child(3):hover .icopimg{ background:url(../images/protb33.png) no-repeat center center; background-size:auto 100%}
.proico li:nth-child(4):hover .icopimg{ background:url(../images/protb44.png) no-repeat center center; background-size:auto 100%}
*/

.solutionico li:nth-child(1) .icopimg{ background:url(../images/fanganico01.png) no-repeat center center; background-size:auto 100%}
.solutionico li:nth-child(2) .icopimg{ background:url(../images/fanganico02.png) no-repeat center center; background-size:auto 100%}
.solutionico li:nth-child(3) .icopimg{ background:url(../images/fanganico03.png) no-repeat center center; background-size:auto 100%}
.solutionico li:nth-child(4) .icopimg{ background:url(../images/fanganico04.png) no-repeat center center; background-size:auto 100%}


/*.solutionico li:nth-child(1):hover .icopimg{ background:url(../images/fanganico11.png) no-repeat center center; background-size:auto 100%}
.solutionico li:nth-child(2):hover .icopimg{ background:url(../images/fanganico22.png) no-repeat center center; background-size:auto 100%}
.solutionico li:nth-child(3):hover .icopimg{ background:url(../images/fanganico33.png) no-repeat center center; background-size:auto 100%}
.solutionico li:nth-child(4):hover .icopimg{ background:url(../images/fanganico44.png) no-repeat center center; background-size:auto 100%}*/


.maintit{ text-align:center; padding:2% 0px; line-height:1.4}
.maintit p{ font-size:22px; text-transform:uppercase; color:#333;}
.maintit h2{ font-size:18px; color:#888; font-weight:normal}



.syproduct .swiper-container {padding-bottom:40px;}
.syproduct .swiper-slide {width:800px;transition-timing-function:linear;}
.syproduct .swiper-slide a{ display:block}
@media only screen and (max-width:1200px)
 {
	.syproduct .swiper-slide {width:770px;}
}
@media only screen and (max-width:980px) 
{
	.syproduct .swiper-slide {width:471px;}
}
@media only screen and (max-height:480px)
 {
	.syproduct .swiper-slide {width:471px;}
}
.syproduct .swiper-slide img {width:100%;border-radius:4px;}
.syproduct .swiper-slide .title {position:absolute;writing-mode: vertical-lr; left:-25px; color:#333; top:0px; padding-top:30px;}
.syproduct .swiper-slide .title:before{ content:"";  width:2px; height:25px; background:#333; display:block; margin:0 auto; position:absolute; left:50%; top:0px; margin-left:-1px;}

.syproduct .swiper-button-next:before,.syproduct .swiper-button-prev:before {font-family:"upsicons";position:absolute;display:block;height:84px;width:50px;top:0;left:0;text-align:center;line-height:84px;color:#fff;font-size:40px; }

.syproduct .swiper-button-next,.syproduct .swiper-button-prev {position:absolute;display:block;height:84px;width:50px;top:50%; background-image:none;background-color: rgba(0,0,0,0.4); margin-top: -42px;}


.syproduct .swiper-button-prev:before {content:'\e628';}
.syproduct .swiper-button-next:before {content:'\e62a';}

.syproduct .swiper-button-next{right:20px;}
.syproduct .swiper-button-prev{left:20px;}











.syproduct .swiper-pagination-bullet {background:none;opacity:1;margin:0 6px !important;width:18px;height:18px;position:relative;outline:none;vertical-align:middle;}
.syproduct .swiper-pagination-bullet span {width:3px;height:3px;background:#CCC;display:block;border-radius:50%;margin-top:3px;margin-left:3px;}
.syproduct .swiper-pagination-bullet i {background:#000;height:1px;width:20px;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
.syproduct .swiper-pagination-bullet-active span,.syproduct .swiper-pagination-bullet:hover span {width:9px;height:9px;margin-top:0;margin-left:0;background:#000;position:relative;z-index:1;}
.syproduct .swiper-pagination-bullet-active i {animation:middle 6s;}
.syproduct .swiper-pagination-bullet:first-child.syproduct .swiper-pagination-bullet-active i {animation:first 6s;}
.syproduct .swiper-pagination-bullet:last-child.syproduct .swiper-pagination-bullet-active i {animation:last 6s;}
@keyframes first {
    0% {transform:scaleX(0.5);left:0px;}
    100% {transform:scaleX(1);left:2px;}
}
@keyframes last {
	0% {transform:scaleX(0.7);left:-10px;}
    20% {transform:scaleX(0.3);left:2px;}
    100% {transform:scaleX(0.3);left:0px;}
}
@keyframes middle {
	0% {transform:scaleX(0.7);left:-10px;}
    20% {transform:scaleX(0.45);left:2px;}
    100% {transform:scaleX(1);left:2px;}
}

.mianbox{ max-width:1100px; margin:0 auto}
.syabbj{ background:#eeeeee; margin-top:20px;}
.syabout{/* background:#FFF;*/}
.syaboutleft{ width:50%; float:left}
.syaboutleft img{ display:block}
.syaboutright{ float:right; padding:20px; width:calc(50% - 40px); }
.syaboutright .juzhong img{ max-width:70%}
.syaboutright h2{ color:#333; margin:10px 0px }
.syaboutright p{ padding-top:10px;}
.aboutshuzi ul{ width:calc(100% + 25px); margin-left:-25px; margin-top:25px;}
.aboutshuzi li{ background:#FFF; float:left; width:calc(25% - 25px); margin-left:25px; text-align:center; padding:10px 0px 30px;}

.aboutshuzi li span{ font-family: 'bebas'; font-size:56px; color:#333}
.aboutshuzi li em{ font-style:normal}


.synews{ background-color:#f5f5f5; }

.synews .swiper-container{ padding-top:8px;padding-bottom:50px;}
.synews .swiper-slide{ }
.synews .swiper-slide:hover .xinhezi{-webkit-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 6px 13px rgba(0, 0, 0, 0.1);box-shadow: 0 6px 13px rgba(0, 0, 0, 0.1);transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);}
.xinhezi{transition: all 0.4s ease;-webkit-transition: all 0.4s ease;background:#FFF;}
.synewstxt{ padding:15px;}
.synewstxt p{ height:20px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.synewstxt p a{ color:#333}
.synewstxt p a:hover{color:#4ea3fe;}


.synewstxt span{ font-size:12px; height:40px; line-height:20px; margin:5px 0px; display:block; overflow:hidden}

.synewstxt .newsmore{ text-decoration:underline; font-size:12px;}
.syservice{ padding-bottom:5%}
.syservice ul{ width:calc(100% + 40px); margin-left:-40px;}
.syservice li{ width:calc(33.333% - 40px); float:left; margin-left:40px; text-align:center;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); padding:30px 0px 20px;}
.syservice li:nth-child(1){ background:url(../images/quan01.png) no-repeat left top; background-size:40% auto}
.syservice li:nth-child(2){ background:url(../images/quan02.png) no-repeat right top; background-size:40% auto}
.syservice li:nth-child(3){ background:url(../images/quan03.png) no-repeat right bottom; background-size:40% auto}

.syservice li div img{ max-width:40px;}
.syservice li p{ margin:10px 0; font-size:18px; color:#333}

.footer{ background-color:#eee; color:#666; padding-top:40px;}
.footleft{ width:calc(30% - 32px); border-right:0.5px solid #ddd; float:left; padding-right:30px;}
.wenzis{ margin-bottom:20px;}
.wenzis>img{ max-width:70%}
.wenzis h2{ color:#333; font-size:14px; margin:5px 0px;}

.wenzis h3{ color:#4ea3ff; font-size:36px;font-family: 'bebas';}
.erweima{ text-align:center;}
.erweima>div{ width:30%; margin-right:20px;}
.erweima>img{ max-width:50%; margin-top:10px;}
.erweima p{ font-size:12px;}

.footright{ width:70%; float:right}

.footright li{ float:left; width:20%; text-align:right}
.footright li a{ display:block;line-height:26px; color:#666}
.footright li a:hover{ color:#4ea3ff}
.footright li a:first-child{ color:#333; font-weight:bold;  border-bottom:0.5px solid #ddd; display:inline-block; padding-bottom:5px; margin-bottom:8px;}

.bottombx{ margin-top:40px; padding:15px 0px; border-top:0.5px solid #ddd; font-size:12px;}
.bottombx span{ float:right}
.bottombx a{ color:#777777}

.nybanner{ margin:0 auto; position:relative;}
.nybanner>img{ display:block; width:100%}
.nybtntxt{width:100%; position:absolute; left:0%;  top:0px; height:100%; color:#fff}
.nybtntxt h2{ font-size:30px; margin-bottom:5px;}
.nybtntxt div{ width:100%; max-width:1100px;}


.nybtnnav{ border-top:0.5px solid rgba(255,255,255,0.5);position:absolute; left:0px; bottom:0px; width:100%;}
.nybtnnav ul{ max-width:1100px; margin:0 auto}
.nybtnnav li{ float:left;border-right:0.5px solid rgba(255,255,255,0.5);height:60px; line-height:60px; color:#fff; cursor:pointer; position:relative; z-index:999; padding:0px 30px;}
.nybtnnav li a{ color:#fff}

.nynavdown{ width:100%; top:60px; background:#fff;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); display:none; z-index:999}
.nynavdown a{ display:block; line-height:40px; padding-left:20%;border-bottom:0.5px solid #ddd}
.nynavdown a:hover{ padding-left:25%;}



.nybtnnav li p{ background:url(../images/xiala.png) no-repeat 90% center; text-indent:20%}
.nybtnnav li:first-child{width:60px; background:none; padding:0px;}
.nybtnnav li:first-child a{ display:block; width:100%; height:100%; background:url(../images/ic0home.png) no-repeat center center; background-size:20px auto; }


.nyabtxt{ padding:40px 0px; border-top:0.5px solid #ddd}
.nyabtxt:first-child{ border:none}
.nyabshuzi{ font-size:60px; color:#4ea3ff;font-family: 'bebas'; width:30%;  line-height:1}
.nyabwenzi{ width:70%}
.nyabwenzi h3{ font-size:18px; color:#333; text-transform:uppercase; position:relative; padding-bottom:5px; display:inline-block; margin-bottom:20px;font-family: 'englishwz'; font-weight:normal}
.nyabwenzi h3:before{ content:""; width:70%; height:2px; background-color:#4ea3ff; position:absolute; left:0px; bottom:0px;}
.nyabwenzi h2{ font-size:30px; color:#333;}
.nyabwenzi p{ padding-top:20px;}

.nybj{ background:#f5f5f5; overflow:hidden}

.chanptxt{ background:#FFF;text-align:center; padding:40px 0px;}
.chanptxt h2{ color:#333; font-weight:normal;}
.chanptxt .cpmiaoshu{ max-width:70%; margin:20px auto}
.chanptxt li{ display:inline-block; margin:0px 3%}
.chanptxt li img{ max-width:80px;}

.mianbao{ background:url(../images/mianbj.jpg) no-repeat center center; background-size:cover; padding:5% 0px 6%; color:#fff; line-height:30px;}
.xiays{ width:30%; float:left; position:relative;}
.xiays:after{ content:""; height:1px; background:url(../images/line.png) no-repeat; position:absolute; left:-220px; top:50%; width:200px;}
.xiays:before{ content:""; height:1px; background:url(../images/line.png) no-repeat; position:absolute; left:calc(100% + 20px); top:50%; width:170%;}

.xiays h2{ width:calc(100% - 64px); float:left; text-align:center}
.anleft{ width:30px; height:30px; border:1px solid #fff; background:url(../images/jianleft.png) no-repeat center center; display:block; border-radius:100%; float:left; background-size:10px auto}

.anleft:hover{ opacity:0.5; background-position:40% center}
.anright:hover{ opacity:0.5; background-position:60% center}

.anright{ width:30px; height:30px; border:1px solid #fff; background:url(../images/jianright.png) no-repeat center center; display:block; border-radius:100%; float:right; background-size:10px auto}

.miaxs{ width:30%; float:right; text-align:right;}
.miaxs a{ color:#fff; background:url(../images/dian.png) no-repeat left center; padding-left:18px; background-size:12px auto}
.ny_product{ padding-bottom:5%}
.pdnone{ padding-bottom:0px;}
.ny_product li{ background:#FFF;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); padding:30px 30px 20px; overflow:hidden; margin-top:3%;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}

.ny_product li:hover{-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);}


.ny_product li a{ display:block; color:#333}
.ny_product li a P{ font-size:18px; font-weight:bold}
.ny_product li a span{ height:88px; line-height:22px; display:block; overflow:hidden; margin:10px 0px; color:#888}
.ny_product li a em{ font-style:normal; text-transform:uppercase; background:url(../images/ccx.png) no-repeat right center; padding-right:15px;background-size:7px auto; font-size:12px; letter-spacing:1;font-family: 'englishwz';}

.chanptxtcc{ width:60%; float:left;}
.chanppic{ width:35%; float:right; text-align:center; height:200px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.chanppic>img{ display:block;object-fit: cover; width:100%}


.uxysc{ text-align:center}
.load-more {display:inline-block;position:relative;text-align:center;border:0.5px solid #4ea3ff;border-radius:30px;overflow:hidden;margin:40px auto 0; padding:15px 30px;}
.load-more:before {content:"";display:block;width:130%;height:100%;position:absolute;left:-144%;top:0;z-index:1;background:#fff;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;transform:skewX(45deg);-webkit-transform:skewX(45deg);-moz-transform:skewX(45deg);}
.load-more:after {display:block;border-radius:30px;content:"";position:absolute;z-index:0;background:#4ea3ff;left:0;top:0;width:100%;height:100%;}
.load-more .load-ico0 {position:relative;z-index:2;display:inline-block;vertical-align:top;width:20px;height:20px;background:url(../images/jiazai.png) no-repeat center;animation:rotate360 3s linear infinite; float:left;}

@keyframes rotate360 {
  0% {transform:rotate(0);}
  100% {transform:rotate(-360deg);}
}
.load-more .load-s0 {position:relative;z-index:2;color:#fff;line-height:20px;height:20px;vertical-align:top;transition:.3s ease-in-out;margin-left:10px; float:left}
.load-more:hover .load-s0 {color:#333;}
.load-more:hover:before {left:-13%;}
.load-more:hover .load-ico0 {background:url(../images/jiazaion.png) no-repeat center;}


.down{border:1px solid #ddd; width:40px; height:40px; border-radius:100%; margin:0 auto;}
.down img{animation: start 1.5s infinite ease-in-out; margin-top:5px;}

@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,10px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,-8px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,10px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,-8px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,10px);}
}

.pptit{ font-size:30px; font-weight:bold; color:#333; margin:20px 0px}
.chanpxiangx{ background:#FFF;text-align:center; padding:40px 0px;}
.chanpxiangx .swiper-container{ width:calc(100% - 80px); padding:0px 40px; }
.chanpxiangx .swiper-wrapper{ max-width:500px;}

.chanpxiangx .swiper-button-next,.chanpxiangx .swiper-button-prev{ width:30px; height:30px; border:1px solid #333;  border-radius:100%;}
.chanpxiangx .swiper-button-next{ background:url(../images/xxj04.png) no-repeat center center; background-size:15px auto;}
.chanpxiangx .swiper-button-prev{ background:url(../images/xxj02.png) no-repeat center center; background-size:15px auto}
.chanpxiangx .swiper-pagination-bullet-active{ background:#333}

.tedianbox{ background:url(../images/tedianbj.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; color:#fff; padding:5% 0px;}
.ajiox{ font-size:20px; text-align:center; margin-bottom:5%;} 
.tedianbox ul{ width:calc(100% + 60px); margin-left:-60px;}
.tedianbox li{ width:calc(33.333% - 102px); float:left; margin-left:60px; border:1px solid #fff; text-align:center; border-radius:10px; padding:20px;}
.tedianbox li p{ font-size:50px;font-family: 'bebas'; margin-bottom:30px }
.tedianbox li span{ font-size:16px; display:block;}

.chanpjian{ text-align:center; padding:4% 0px;}
.heses{ color:#333;font-size:20px; font-weight:bold;}
.chanptxst{ max-width:900px; margin:0 auto; line-height:1.8}
.chanptxst p{ padding-top:20px;}

.yingyongl{ text-align:center; background:url(../images/lou.jpg) no-repeat right bottom #f6f6f6; background-size:50% auto; padding:4% 0px;}
.yingyongl h2{ color:#333; font-size:20px; margin-bottom:5%;}
.yingyongl li{ display:inline-block; margin:0px 3%; color:#333}
.yingyongl li img{ max-width:80px;}

.nyvideo{ text-align:center; width:500px; margin:0 auto; margin-top:30px;}
.joinbox .mianbox{ margin:30px auto;}
.joinbox li{ background:#FFF; margin-bottom:5px;}
.joinbox li:first-child .joindown{ display:block}
.joinbox li.cur>p{background:url(../images/jian.png) no-repeat 98% center #3f5062; color:#fff; background-size:20px auto; }
.joinbox li>p{ line-height:60px; font-size:16px; color:#333; cursor:pointer; background:url(../images/jia.png) no-repeat 98% center; background-size:20px auto;padding:0px 20px}
.joindown{ line-height:2; padding:20px; display:none}
.jutineir{ border-top:0.5px solid #ddd; margin-top:20px;}
.joindown td span{ color:#333; margin-right:20px;}
.jutineir h3{ color:#333; margin-top:20px; font-size:14px;}
.hses{ margin-top:20px;}
.hses b{ color:#333}

.shouhoue{ padding:4% 0px;}
.sertit{ color:#333; text-transform:uppercase; position:relative; padding-bottom:5px; margin-bottom:20px;}
.sertit:after{ content:""; width:40px; height:2px; background-color:#dddddd; position:absolute; left:0px; bottom:0px;}

.shoutxt p{ width:60%; float:left}
.shoutub{ width:35%; float:right; text-align:right}
.shoutub span{ display:inline-block; text-align:center; margin-left:10%}
.shoutub span img{ max-width:80px;}
.shoutub span em{ font-style:normal; display:block}

.kefudianhua{ background:url(../images/fusdc.jpg) no-repeat center center; background-size:cover; color:#fff; padding:5% 0px; background-attachment:fixed}
.kefudianhua ul{ width:calc(100% + 80px); margin-left:-80px;}
.kefudianhua li{ width:calc(33.333% - 122px); float:left; margin-left:80px; text-align:center; border:0.5px solid #fff; border-radius:10px; padding:20px; min-height:240px;}
.kefudianhua li p{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.kefudianhua li img{ max-width:40px; margin-top:20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.kefudianhua li span{ display:block}
.kefudianhua li:hover img{margin-top:10px;}

.onlineboxbj{ background:url(../images/dianlaopic.jpg) no-repeat left center #f8f8f8; background-size:50% auto}
.onlinebox{ width:calc(50% - 60px); float:right; padding:30px;}

.onlinebox h2{ color:#333; text-transform:uppercase; position:relative;margin-bottom:10px;}
.onlinebox li{ overflow:hidden; line-height:30px; margin-bottom:10px;}
.onlinebox li input[type="radio"]{ width:15px; height:15px; float:left; margin-top:7px;}
.onlinebox li span{ margin-right:10px; display:inline-block}
.onlinebox li label{ float:left}
.onlinebox li input[type="text"]{ width:calc(100% - 22px); border:0.5px solid #ddd; height:40px; padding:0px 10px;}
.onlinebox li textarea{ width:calc(100% - 22px); border:0.5px solid #ddd; height:80px; padding:10px;}

.onlinebox li input[type="button"]{ background-color:#848484; color:#fff; height:40px; width:120px; outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.onlinebox li input[type="button"]:hover{ background-color:#333; }
.lianxifangshi{ padding:5% 0px;}
.lianxifangshi h2{ color:#333; text-transform:uppercase; position:relative;margin-bottom:10px;}
.lianxifangshi ul{ width:calc(100% + 80px); margin-left:-80px;}
.lianxifangshi li{ width:calc(33.3333% - 110px); float:left; border-bottom:0.5px solid #ddd; margin-left:80px; padding:10px 0px; padding-left:30px;}
.lianxifangshi li p{ color:#333; text-transform:uppercase; font-size:16px; font-weight:bold;}
.lianxifangshi li:nth-child(1){ background:url(../images/lianx01.png) no-repeat left 18px;background-size:20px auto; }
.lianxifangshi li:nth-child(2){ background:url(../images/lianx02.png) no-repeat left 18px;background-size:20px auto; }
.lianxifangshi li:nth-child(3){ background:url(../images/lianx03.png) no-repeat left 18px;background-size:20px auto; }
.lianxifangshi li:nth-child(4){ background:url(../images/lianx04.png) no-repeat left 18px;background-size:20px auto; }
.lianxifangshi li:nth-child(5){ background:url(../images/lianx05.png) no-repeat left 18px;background-size:20px auto; }

.woyaoliuyan{ background:url(../images/liuyanbj.jpg) no-repeat center center; background-attachment:fixed; background-size:cover; color:#fff; padding:5% 0px;}

.woyaoliuyan h2{text-transform:uppercase; position:relative;margin-bottom:10px;}


.woyaoliuyan ul{ width:calc(100% + 60px); margin-left:-60px;}
.woyaoliuyan li{ width:calc(33.3333% - 60px); margin-left:60px; float:left; margin-bottom:20px;}

.woyaoliuyan li input[type="text"]{ width:100%; border:none; background:none; border-bottom:0.5px solid rgba(255,255,255,0.2); height:50px; color:#fff; outline:none}

.woyaoliuyan li:nth-child(5){ width:calc(66.66666% - 60px);} 
.woyaoliuyan li:nth-child(6){ width:calc(100% - 60px); text-align:center;}
.woyaoliuyan li input[type="button"]{ background-color:#0490e1; color:#fff; height:40px; width:140px; outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; text-transform:uppercase }


.my-map { margin: 0 auto;width:100%; height:400px; border:1px solid #ddd; margin:4% 0px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.ddownload{ padding:5% 0px;}
.ddownload li{ background:#FFF;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin-bottom:4%}
.ddownload li>p{ padding:10px 20px; background-color:#3f5062; color:#fff; line-height:40px;overflow:hidden}
.ddownload li>p b{ font-size:40px; width:20%; display:block; float:left;font-family: 'englishwz'; }
.ddownload li>p span{ width:60%; float:left; display:block; font-size:26px; font-weight:bold}
.ddownload li a{ width:40px; height:40px; border:1px solid #fff; display:block; border-radius:100%; float:right}
.ddownload li a img{animation: start 1.5s infinite ease-in-out; }
.xiazaibox{ padding:20px;}
.xiacanshu{ margin-bottom:10px;}
.xiacanshu span b{ color:#333;}
.xiacanshu span{ width:30%; display:inline-block}
.xiazaitxt{ border-top:0.5px solid #ddd; padding-top:10px;}
.xiazaitxt span{ width:85px; color:#333; font-weight:bold; float:left;}
.xiazaitxt p{ width:calc(100% - 85px); float:right;}

.newstit{ text-align:center; color:#333; border-bottom:0.5px solid #ddd; padding:5px 0px; margin:3% 0px; position:relative;}
.newstit:after{ content:""; width:90px; height:1px; background-color:#4ea3ff; position:absolute; left:50%; margin-left:-45px; bottom:0px;}
.nynewsbox{ padding-bottom:3%} 
.nynewsbox li{-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin-top:4%; overflow:hidden; background:url(../images/jjj.jpg) repeat-y 94% top #fff}
.nynewspic{ width:30%; float:left}
.nynewspic img{ display:block}
.nynewstxt{ float:left; width:calc(60% - 40px); padding:20px;}
.nynewsbox li{ overflow:hidden;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;background:#FFF;}
.nynewsbox li a .nynewstxt p{ font-size:15px; color:#333; height:30px; line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:bold; margin-bottom:10px;}
.nynewsbox li a .nynewstxt span{ color:#888; height:110px; line-height:22px; display:block; overflow:hidden}
.nynewsbox li a .nynewstxt em{ font-style:normal; color:#888;font-family: 'englishwz';}
.nynewsbox li a{ width:100%; display:block; background:url(../images/morex.png) no-repeat 98% center; height:100%;overflow:hidden; background-size:20px auto}


.nynewsbox li:hover{transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);}

.pd30{ padding:5% 0px; max-width:1920px; margin:0 auto}
.newstime{ width:calc(15% - 70px); float:left;font-family: 'englishwz'; position:relative; padding-left:70px; }
.newstime:after{ content:"";  height:1px; width:60px; display:inline-block; background:#ddd; position:absolute; left:0px; top:50%;}
.newshowbox{ width:60%; float:left;}
.newshowbox .uidyx{ font-size:20px; color:#333; margin-bottom:10px;}
.xinwebxs p{ padding-top:10px;}


.kuangxs{ border:0.5px solid #ddd; padding:20px;}
.shangxias{ border:0.5px solid #ddd; padding:20px; border-top:none}
.shangxias ul{ float:left; width:75%;}
.shangxias ul li{ height:30px; line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.backnew{ height:30px; background:#4ea3ff; border-radius:30px; padding:0px 20px; float:right; line-height:30px; color:#fff}
.backnew:hover{ color:#fff}
.tuijian{ width:calc(25% - 40px); float:right; padding:0px 20px;}
.tuijian p{ color:#333; font-size:15px; position:relative; padding-bottom:5px; margin-bottom:10px;}
.tuijian p:after{ content:"";  height:1px; width:30px; display:inline-block; background:#ddd; position:absolute; left:0px; bottom:0px;}
.tuijian a{ color:#888}
.tuijian a:hover{ color:#4ea3fe}

.solutionbox li{ position:relative;margin:5% 0px 10%;}

.huandc{position: absolute;left:-20px;top:-20px;width: calc(100% + 40px);height: calc(100% + 40px);background-size: cover;background-position: center;background-repeat: no-repeat;}


.huandc a{ display:block; width:100%; height:100%}

.solutionpic{}

.solutionpic.fl{width:60%; left:0px; position:absolute; height:100%; z-index:1;}
.solutionpic.fr{width:60%; right:0px; position:absolute; height:100%; z-index:1;}


.solutiontxt{ width:45%; -webkit-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 6px 13px rgba(0, 0, 0, 0.1);box-shadow: 0 0px 13px rgba(0, 0, 0, 0.2);  z-index:9; position:relative; margin:40px 0px; background:url(../images/jjj.jpg) repeat-y 90% top #fff}

.solutiontxt a{  display:block; background:url(../images/morex.png) no-repeat 96% center;overflow:hidden; background-size:15px auto;padding:40px 80px 40px 40px;}

.solutiontxt.fr{ margin-right:5%;}
.solutiontxt.fl{ margin-left:5%;}

.solutiontxt b{ font-size:30px; font-weight:normal;font-family: 'englishwz'; display:block; color:#0490e1; line-height:1; margin-bottom:10px;}
.solutiontxt h2{ color:#333; margin-bottom:10px;}
.solutiontxt a p{ color:#888}

.fanaganx{-webkit-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 6px 13px rgba(0, 0, 0, 0.1);box-shadow: 0 0px 13px rgba(0, 0, 0, 0.2); background:#FFF; padding:30px 40px 40px; margin-top:-80px; position:relative}
.fanaganx>h1{ text-align:center; color:#333; font-size:24px; margin-bottom:10px;}
.fanaganx p{ padding-top:10px;}
.ndaxybj{ background:#f5f5f5; padding-bottom:4%}
.anlixsd{ text-align:center; color:#333; font-size:24px; margin:20px 0px;}

.fanaganx .sxscx{ text-align:left; line-height:40px;}
.fanaganx .sxscx span{ float:right; color:#888; font-weight:normal; font-size:14px; background:url(../images/qush.png) no-repeat left 14px; padding-left:17px; background-size:12px auto;}
.fanaganx .sxscx span em{ font-style:normal}

.yingyongbox{ padding:40px; background:#FFF;}
.yingyongbox p{ margin-top:10px;}

.guanbi{ display:none}

.wapdanavdown{ display:none}


.bottombx p em{ font-style:normal;}
.banner .swiper-pagination-bullet {background:#fff; width:12px; height:12px;}


.banner .swiper-pagination{ bottom:30px;}



.fudongx{ position:fixed; right:0px; bottom:10%; width:46px; z-index:999;transform: translate(100%,-50%);transition: all 0.3s; }
.fudongxcur{transform: translate(0,-50%);}

.fudongx li{ height:46px; width:46px; cursor:pointer;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position:relative;margin-bottom:1px; background-size:35px auto}
.fudongx li:first-child{ border:none}
.f01{ background:url(../images/kefu01.png) no-repeat center center #0490e1}
.f02{ background:url(../images/kefu02.png) no-repeat center center #0490e1}
.f03{ background:url(../images/kefu03.png) no-repeat center center #0490e1}
.f04{ background:url(../images/kefu04.png) no-repeat center center #0490e1}
.f01 a{ width:100%; height:100%; display:block}
.fudongx li:hover div{ display:block}
.qqliaotian{ width:240px; position:absolute; right:46px; top:-50px; padding-right:10px; display:none}
.baise{background:#FFF; border:1px solid #d2d2d2; border-top:3px solid #0490e1; padding:15px; }
.fudongx li em{ width:11px; height:16px; position:absolute; right:1px; display:block; background:url(../images/jiaos.png) no-repeat; z-index:9999; top:65px;}
.shisx .clearfix { padding:10px 0px; border-bottom:1px solid #d2d2d2}
.shisx .clearfix img{ float:left; width:30px;}
.shisx .clearfix p{ float:right; width:150px; font-size:12px; line-height:1.4}
.shisx .clearfix b{color:#ea012c; margin-bottom:5px; display:block; font-size:14px;}
.ganxs{ overflow:hidden}
.ganxs p{ margin:10px 0px;}
.ganxs a{ background:url(../images/kex02.png) no-repeat left center; background-size:auto 20px; height:28px; line-height:28px; display:block; padding-left:20px; width:calc(50% - 25px); float:left; margin:5px 0px;}
.ganxs a:hover{background:url(../images/kex03.png) no-repeat left center;background-size:auto 20px;}


.weixingtian{ width:180px; position:absolute; right:48px; top:-50px; padding-right:10px; text-align:center; display:none}
.weixingtian p{ padding:10px 0px;border-top:1px solid #d2d2d2; margin-top:20px;}


.dianhuatian{ width:200px; position:absolute; right:48px; top:-50px; padding-right:10px; text-align:center; display:none}
.dianhuatian p{color:#0490e1; font-size:20px;}



.header-container{ position:relative}
.danavdown{ position:absolute; left:0px;max-width:1100px; width:100%;  background:#FFF; line-height:1.8;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2); display:none}
.danavdown .pd10{ padding:20px 5%;}
.header .nav li .danavdown dl{ width:16.666%}
.header .nav li:nth-child(3) .danavdown dl{ width:25%}


.header .nav li .danavdown a{ padding:0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:30px; display:block}
.header .nav li .danavdown dd{overflow: hidden;}
.header .nav li .danavdown dt{}
.header .nav li .danavdown dt a{ color:#00307c}
.header .nav li .danavdown dd a{ color:#888}
.header .nav li .danavdown dd a:hover{ color:#ec6d1e}
.header .nav li .danavdown dd:last-child a{ color:#ec6d1e}

.yuyan{ margin-left:20px}
.yuyan a{ width:34px; height:24px; font-size:12px; text-align:center; line-height:24px; border:1px solid #ddd; display:inline-block}
.yuyan a:first-child{ border-right:none}
.yuyan a:hover{ background-color:#ec6d1f; color:#fff}


.synewspic{ height:220px;    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;}
.synewspic img{display:block;width:100%;object-fit:cover;}
.wap-banner{ display:none}

/*#ups-banner{ margin-top:62px;}*/
@media screen and (max-width:1000px)

{
 .header-container{ height:50px; padding:0px 10px;}
 .logo{ margin-top:12px; height:25px;}	
 .wapbtn{ display:block}
 
.header .nav{position: fixed;top: 0px;width: calc(100% + 5px);height: 100%;overflow-y: scroll;background: #FFF;display: block;z-index: 999;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;left: -105%;-webkit-overflow-scrolling: touch; }
.header .nav li{ display:block; border-bottom:0.5px solid #ddd; width:100%; line-height:60px;}
.header .nav li>a{ color:#333; display:block;transition: all 0s ease 0s;}
.header .nav li:hover>a{ background:none}
.header .nav li.wapxia{ background:url(../images/xjss.png) no-repeat 95% 25px; position:relative}
.header .nav li.wapxia.cur>a{background:url(../images/xjsss.png) no-repeat 95% 25px #282830; color:#fff}
.wapxia span{ width:100%; position:absolute; left:0px; top:0px; height:60px}
.synavdown{ position:relative; left:0px; top:0px;  width:100%; display:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; margin:0px}
.header .nav li .synavdown a{ color:#888; display:block; line-height:50px; padding:0px 30px; border-top:0.5px solid #ddd}
.header .nav li .synavdown a:hover{ color:#4ea3fe; padding-left:25px;}

.header.cur{ height:50px;}
.banner{ margin-top:50px;}
.guanbi{width:40px; height:40px; background:url(../images/chax.png) no-repeat center center; float:right; display:block}


.header .nav li .wapdanavdown a{ color:#888; display:block; line-height:50px; padding:0px 30px; border-top:0.5px solid #ddd; text-align:center}

.erweima{justify-content:center;}
.yuyan{ position:absolute; left:0px; bottom:20px; width:100%; margin-left:0px}

.nybanner{ margin-top:50px;}

.pixsaimg{ width:50px; display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; margin-left:12px;}

.proico ul{ display:block;}

}

@media screen and (max-width:768px)

{
.mianbox{ padding:0px 10px;}
.bannertxt p{ font-size:22px;}
.proico li{width: calc(50% - 1px); border-top:0.5px solid #ddd; height:auto; padding:0px; padding-top:10px;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.proico li:nth-child(1) .icopimg,.proico li:nth-child(2) .icopimg,.proico li:nth-child(3) .icopimg,.proico li:nth-child(4) .icopimg{ width:100%; background-position:center center}
.proico li p{ width:100%; text-align:center}
.proico li:nth-child(3) .icopimg{ background-size:auto 80%}
.syproduct .swiper-button-next,.syproduct .swiper-button-prev{width:40px;height:60px;background-size: 40px 60px;}
.syaboutleft{width:100%}
.syaboutright{width: calc(100% - 20px); padding:10px; }
.aboutshuzi ul {width: calc(100% + 10px);margin-left: -10px;margin-top:0px;}
.aboutshuzi li{width: calc(50% - 10px); margin-left:10px; margin-top:10px;}
.maintit{ line-height:1.2; padding:4% 0px;}

.syservice ul{width:100%; margin:0}
.syservice li{width:100%; margin:10px 0px;}

.footleft{ width:100%; border:none}
.footright{ display:none}
.wenzis{ width:100%; text-align:center}
.erweima{ width:100%; text-align:center}
.bottombx p{ width:100%; text-align:center}
.bottombx span{ display:none}

.nybtntxt{ display:none}
.nybtnnav{ position:relative;}

.nybtnnav li{ border-right：none; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: bold;width:100%; margin: 0px;}
.nybtnnav li a{color:#333;}
.nybtnnav li:first-child{display: none}	
	
	
	
.nybtnnav li:first-child a {background: url(../images/ic0home2.png) no-repeat center center;background-size: 20px auto;}
.nybtnnav li p {background: url(../images/xiala2.png) no-repeat 90% center;text-indent: 20%;}
.nyabwenzi h2{ font-size:26px;}
.fanaganx,.yingyongbox{ padding:20px;}
.sxscx{ overflow:hidden; margin-bottom:0px;}
.fanaganx .sxscx span{ float:left}

.lianxifangshi ul {width:100%;margin-left:0px;}
.lianxifangshi li{width: calc(100% - 30px);margin-left:0px;padding-left: 30px;}

.woyaoliuyan ul {width:100%;margin-left:0px;}
.woyaoliuyan li,.woyaoliuyan li:nth-child(5),.woyaoliuyan li:nth-child(6)  {width:100%; margin-left:0px;}
.ddownload li>p b{ font-size:20px;}
.ddownload li>p span{  font-size:16px; }
.ddownload li a{ width:30px; height:30px;}
.xiazaitxt span,.xiazaitxt p{ width:100%}

.joindown td{ width:100%; display:block}

.nynewspic{ width:100%}
.nynewstxt{ width: calc(100% - 40px);}
.nynewsbox li a{ background:none}
.newstime{width: calc(100% - 70px);}
.newshowbox{ width:100%; margin-top:10px;}
.tuijian{width: calc(100% - 40px); padding-top:10px;}
.chanptxt .cpmiaoshu{max-width:100%;}
.chanptxt li{ width:33.33%; float:left; margin:0px;}
.chanptxt li img {max-width:60%;}

.xiays{ width:100%}
.miaxs{ width:100%; text-align:center; margin-top:10px;}
.ny_product li{ padding:20px;}
.chanptxtcc,.chanppic{ width:100%}
.tedianbox ul {width:100%;margin-left:0px;}
.tedianbox li{width:calc(100% - 42px); margin-left:0px; margin-bottom:20px;}
.nyvideo {width: 100%;}

.yingyongl li{ width:25%; float:left; margin:0px;}
.yingyongl li img {max-width:60%;}

.shoutxt p{ width:100%}

.shoutub{ width:100%; text-align:center; }

.shoutub span{ margin:0px 5%;margin-top:20px;}


.kefudianhua ul {width:100%;margin-left:0px;}
.kefudianhua li{width:calc(100% - 42px); margin-left:0px; margin-bottom:20px; min-height:100px;}
.onlineboxbj{ background:#f8f8f8}
.onlinebox{width: calc(100% - 40px); padding:20px;}

.solutionpic.fl,.solutionpic.fr{ width:100%}
.huandc{ width:100%; height:100%; left:0px; top:0px;}
.solutiontxt{ width:90%}
.solutiontxt a{ background:none; padding:20px;}
.solutiontxt{ background:#fff}
.fanaganx>h1{ margin-bottom:0px;}
.chanppic{ margin-top:20px;}

.syabbj{ margin-top:0px;}
.bottombx p em{ font-style:normal; display:block}
.fudongx{ display:none}

.top-banner{ margin-top:50px; height:auto; display:none}
.top-banner video{ position:relative; left:0; top:0; transform:translate(0%,0%)}  

.wap-banner{margin-top:50px; display:block}
.wap-banner video{object-fit:fill; width:100%;}
}