@font-face {
  font-family: 'iconfont';  /* project id 2315738 */
  src: url('https://at.alicdn.com/t/font_2315738_2r23no9enob.eot');
  src: url('https:https://at.alicdn.com/t/font_2315738_2r23no9enob.eot?#iefix') format('embedded-opentype'),
  url('https:https://at.alicdn.com/t/font_2315738_2r23no9enob.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_2315738_2r23no9enob.woff') format('woff'),
  url('https://at.alicdn.com/t/font_2315738_2r23no9enob.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_2315738_2r23no9enob.svg#iconfont') format('svg');
}

.headerr {width:100%;position:fixed;left:0;top:0;z-index:50;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; background-color:rgba(255,255,255);}
.headerr:after {content:"";display:block;width:100%;height:1px;line-height:1px;background-color:rgba(255,255,255,0.15);position:absolute;left:0;bottom:0;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.headerr .logo {width:400px;height:70px;margin-left:30px; }
.headerr .slogan {width:240px;height:44px;margin-left:40px}

.headerr .nav {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.headerr .nav>ul {margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center; margin-left:-10px}
.headerr .nav>ul>li {list-style-type:none;padding:0 30px;}

.headerr .nav>ul>li>a {display:block}
.headerr .nav>ul>li>a span {display:inline-block;font-size:16px;line-height:80px;color:#fff;position:relative;white-space:nowrap;  font-weight:bold}
.headerr .nav>ul>li>a span:after {content:"";display:block;width:0;height:2px;line-height:2px;background-color:#0000ff;position:absolute;left:50%;bottom:0;z-index:2;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.headerr .nav>ul>li>a.active span{ color:#0000ff !important;}
.headerr .nav>ul>li>a.active span:after{width:100%;left:0; background:#0000ff}

.headerr .nav>ul>li .sub {display:none;width:100%;background-color:#fff;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.05);box-shadow:0 5px 10px 0 rgba(0,0,0,0.05);position:absolute;left:0;top:80px;z-index:5}
.headerr .nav>ul>li .sub .inner {max-width:1400px;margin:0 auto;padding:30px 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}
.headerr .nav>ul>li .sub .inner .list {width:20%;margin-bottom:-10px}
.headerr .nav>ul>li .sub .inner .list>ul {margin:0;padding:0}
.headerr .nav>ul>li .sub .inner .list>ul>li {display:block;margin-bottom:20px}
.headerr .nav>ul>li .sub .inner .list>ul>li>a {display:block;width:100%;height:36px;line-height:36px;text-align:center;-webkit-border-radius:18px;border-radius:18px;font-size:14px;background-color:#e0e0e0;color:#333;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; overflow:hidden}
.headerr .nav>ul>li .sub .inner .list>ul>li>a:hover,.headerr .nav>ul>li .sub .inner .list>ul>li>a.cur {background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);color:#fff}
.headerr .nav>ul>li .sub .inner .list.list_line2 {width:100%}
.headerr .nav>ul>li .sub .inner .list.list_line2>ul {margin:0 -10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.headerr .nav>ul>li .sub .inner .list.list_line2>ul>li {padding:0 10px;width:14%}
.headerr .nav>ul>li .sub .inner .list.list_line3 {width:100%}
.headerr .nav>ul>li .sub .inner .list.list_line3>ul {margin:0 -10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.headerr .nav>ul>li .sub .inner .list.list_line3>ul>li {padding:0 10px;width:12.5%}
.headerr .nav>ul>li .sub .inner .list.list_line4 {width:100%}
.headerr .nav>ul>li .sub .inner .list.list_line4>ul {margin:0 -10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.headerr .nav>ul>li .sub .inner .list.list_line4>ul>li {padding:0 10px;width:25%}
.headerr .nav>ul>li .sub .inner .list.list_line5 {width:100%}
.headerr .nav>ul>li .sub .inner .list.list_line5>dl{margin:0 -10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.headerr .nav>ul>li .sub .inner .list.list_line5>dl>dd {padding:0 10px;width:14%; text-align:center}
.headerr .nav>ul>li .sub .inner .list.list_line5>dl>dd>a{display:block;width:100%;height:40px;line-height:40px; font-size:14px;color:#333;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; overflow:hidden}
.headerr .nav>ul>li .sub .inner .list.list_line5>dl>dd>a:hover{ color:#0000ff}
.headerr .nav>ul>li .sub .inner .list.list_line5>dl>dd>a>i{font-family:"iconfont" !important;font-style:normal; margin-right:5px}
.headerr .nav>ul>li .sub .inner .list.list_line6{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.headerr .nav>ul>li .sub .inner .list.list_line6>ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.headerr .nav>ul>li .sub .inner .list.list_line6>ul>li {padding:0 10px;width:14%}
.headerr .nav>ul>li .sub .inner .list.list_line7 {width:100%}
.headerr .nav>ul>li .sub .inner .list.list_line7>ul {margin:0 -10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.headerr .nav>ul>li .sub .inner .list.list_line7>ul>li {padding:0 10px;width:16.5%}


.headerr .nav>ul>li .sub .inner .info {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;ma display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.headerr .nav>ul>li .sub .inner .info .img {width:380px;height:230px;overflow:hidden}
.headerr .nav>ul>li .sub .inner .info .img span {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.headerr .nav>ul>li .sub .inner .info .txt {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-left:40px}
.headerr .nav>ul>li .sub .inner .info .txt .title {font-size:18px;font-weight:bold;color:#0000ff}
.headerr .nav>ul>li .sub .inner .info .txt .des {margin:20px 0;text-align:justify;font-size:14px;line-height:26px;color:#666}
.headerr .nav>ul>li .sub .inner .info .txt a.more {font-size:14px;color:#0000ff;text-decoration:underline;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.headerr .nav>ul>li .sub .inner .info .txt a.more:hover {letter-spacing:2px}
.headerr .nav>ul>li .sub .inner .info_news {width:0}
.headerr .nav>ul>li .sub .inner .info_news .bg {width:380px;height:270px;overflow:hidden}
.headerr .nav>ul>li .sub .inner .info_news .bg a {display:block;width:100%;height:100%;position:relative}
.headerr .nav>ul>li .sub .inner .info_news .bg a .t {width:100%;height:40px;line-height:40px;background-color:rgba(0,0,0,0.3);color:#fff;font-size:14px;text-align:center;position:absolute;left:0;bottom:0;z-index:2;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.headerr .nav>ul>li .sub .inner .info_news .bg a .bg_img {width:100%;height:100%}
.headerr .nav>ul>li .sub .inner .info_news .bg a .bg_img span {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.headerr .nav>ul>li .sub .inner .info_news .bg a:hover .t {background-color:rgba(0,64,152,0.8)}
.headerr .nav>ul>li .sub .inner .info_news .txt {min-width:0}
.headerr .nav>ul>li .sub .inner .info_news .txt .des_list {margin:10px 0}
.headerr .nav>ul>li .sub .inner .info_news .txt .des_list>ul {margin:0;padding:0}
.headerr .nav>ul>li .sub .inner .info_news .txt .des_list>ul>li {display:block;font-size:14px;line-height:30px;border-bottom:1px dotted #ddd}
.headerr .nav>ul>li .sub .inner .info_news .txt .des_list>ul>li a {display:block;position:relative;padding-right:80px}
.headerr .nav>ul>li .sub .inner .info_news .txt .des_list>ul>li a span.date {width:80px;text-align:right;color:#999;position:absolute;right:0;top:0}
.headerr .nav>ul>li .sub .inner .info_news .txt .des_list>ul>li a span.t {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.headerr .nav>ul>li .sub .inner .info_news .txt .des_list>ul>li a:hover span.t {color:#0000ff}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item {width:100%;display:none}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item:nth-of-type(2) {display:block}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item a.nav_pro_t {height:36px;border-bottom:1px solid #dcdcdc;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}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item a.nav_pro_t svg {width:20px;height:20px;color:#0000ff;margin-right:10px}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item a.nav_pro_t span {font-size:18px;color:#0000ff}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item a.nav_pro_t:hover {text-decoration:underline}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item .nav_pro_list {margin-top:20px}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item .nav_pro_list>ul {margin:0 -10px;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item .nav_pro_list>ul>li {list-style:none;padding:0 10px;width:25%}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item .nav_pro_list>ul>li a {font-size:15px;color:#666;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;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item .nav_pro_list>ul>li a span {white-space:nowrap}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item .nav_pro_list>ul>li a svg {width:12px;height:12px;color:#666;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item .nav_pro_list>ul>li a:hover {text-decoration:underline;color:#0000ff}
.headerr .nav>ul>li .sub .nav_pro_switch .info .item .nav_pro_list>ul>li a:hover svg {margin-left:5px;color:#0000ff}
.headerr .nav>ul>li.on>a span {color:#fff;font-weight:bold}
.headerr .nav>ul>li.on>a span:after {width:100%;left:0%}
.headerr .topicons {height:100%;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.headerr .topicons>ul {height:30px;margin:25px 0 0;padding:0;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}
.headerr .topicons>ul>li {list-style-type:none;height:30px;position:relative}
.headerr .topicons>ul>li:nth-of-type(1):after {content:"";display:block;width:1px;height:100%;background-color:rgba(255,255,255,0.3);position:absolute;right:0;top:0}
.headerr .topicons>ul>li:nth-of-type(2):after {content:"";display:block;width:1px;height:100%;background-color:rgba(255,255,255,0.3);position:absolute;right:0;top:0}
.headerr .topicons>ul>li.mobile-icon {display:none}
.headerr .topicons>ul>li .wz {height:100%;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; padding:0 10px}
.headerr .topicons>ul>li a svg {color:#fff}
.headerr .topicons>ul>li a:hover {opacity:0.6}
.headerr .topicons>ul>li a i{ font-family:"iconfont" !important; color:#FFF; font-size:18px; font-style:normal;}
.headerr .topicons>ul>li .language{ font-size:15px}
.headerr .topicons>ul>li .btn_lang svg {width:12px;height:12px;margin-left:5px}
.headerr .topicons>ul>li .btn_search svg {width:20px;height:20px}
.headerr .topicons>ul>li:hover dl{ display:block}
.headerr .topicons>ul>li>dl{ width:100%; padding:20% 0 10% 0; display:none; position:absolute; overflow:hidden; z-index: 6; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff)}
.headerr .topicons>ul>li .ewm{ width:250%; margin-left:-82%}
.headerr .topicons>ul>li .ewm dd{ padding:20% 10% 0% 10%}
.headerr .topicons>ul>li>dl>dd{list-style-type:none; font-size:14px; width:100%; text-align:center; color:#FFF; padding-bottom:10px}
.headerr .topicons>ul>li>dl>dd .lang{ height:auto; color:#FFF; height:30px; line-height:30px; display:block}
.headerr .topicons>ul>li>dl>dd>span{}
.headerr .topicons>ul>li>dl>dd img{ width:100%; padding-bottom:5px}



.top .headerr,headerr.active {background-color:#fff}
.top .headerr:after,headerr.active:after {background-color:rgba(0,0,0,0.15)}
.top .headerr .logo,headerr.active .logo {background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(/templates/en/css/../images/logo_color.png)}
.top .headerr .logo img,headerr.active .logo img {opacity:0}
.top .headerr .slogan,headerr.active .slogan {background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(/templates/en/css/../images/header-01.png)}
.top .headerr .nav>ul>li>a span,headerr.active .nav>ul>li>a span {color:#333}
.top .headerr .nav>ul>li.on>a,headerr.active .nav>ul>li.on>a {color:#0000ff}
.top .headerr .nav>ul>li.on>a span,headerr.active .nav>ul>li.on>a span {color:#0000ff}
.top .headerr .topicons,headerr.active .topicons {background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}

.index__banner{ height:600px}

.hs{ background:#eee}
.wel-case{}
.wel-case-txt{ padding-bottom:0px; background:#f5f5f5}
.w1400 {position: relative;max-width: 1400px;margin: 0 auto;width: 92%}
.wel-case {position: relative;overflow: hidden;}
.wel-case .txt{ overflow:hidden; width:100% }
.wel-case-title {font-size:24px;color:#24272b;font-weight:bold;line-height:42px;margin-bottom:22px}
.wel-case-list {}
.wel-case .flex-viewport {overflow:visible !important}
.wel-case .slides li {overflow:hidden;position:relative;float:left;width:420px;margin-right:25px}
.wel-case .slides .con {position:absolute;bottom:-72%;left:0;width:100%;height:100%;z-index:2;display:block;padding:9% 50px 0;transition:bottom .3s}
.wel-case .slides .bg {width:100%;position:absolute;top:0;left:0;height:100%;background:#fff;z-index:1;opacity:0;filter:alpha(opacity=0)}
.wel-case .slides .font-bg {width:100%;position:absolute;top:0;left:0;height:100%;background:#000;z-index:1;opacity:0;filter:alpha(opacity=0);transition-property:opacity;transition-duration:.3s;transition-delay:.2s}
.wel-case .slides .tit {font-size:18px;color:#fff;line-height:25px;color:#fff;font-weight:bold}
.wel-case .slides .en {font-size:16px;color:#fff;opacity:.6;filter:alpha(opacity=60);line-height:24px;min-height:24px}
.wel-case .slides .font {font-size:18px;color:#fff;line-height:34px;margin-top:18px}
.wel-case .slides .more {margin-top:40px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:url(/templates/en/css/../images/wel02.png) no-repeat center}
.wel-case .flex-control-nav {bottom: -50px}
.wel-case .flex-control-nav li a {width: 12px;height: 12px;background: url(/templates/en/css/../images/btn01.png) no-repeat center;background-size: 100% 100%;transition: background .3s;box-shadow: none}
.wel-case-list .flex-direction-nav a {opacity:1;filter:alpha(opacity=100);width:66px;height:77px;margin:-38px 0 0;text-shadow:none;background-size:100% !important;transition:background .3s;z-index:1}
.wel-case-list .flex-direction-nav a:before {font-size:0}
.wel-case .flex-viewport {overflow:visible !important}
.wel-case-list .flex-direction-nav .flex-prev {background:url(/templates/en/css/../images/a32.png) no-repeat center;left:-121px}
.wel-case-list .flex-direction-nav .flex-next {background:url(/templates/en/css/../images/a33.png) no-repeat center;right:-121px}
.wel-case-list .flex-direction-nav .flex-prev:hover {background:url(/templates/en/css/../images/a32_h.png) no-repeat center}
.wel-case-list .flex-direction-nav .flex-next:hover {background:url(/templates/en/css/../images/a33_h.png) no-repeat.index__intro .icons center}
.wel-case .slides li:hover .con {bottom:0}
.wel-case .slides li:hover .font-bg {opacity:.3;filter:alpha(opacity=30)}
.wel-product-title a:hover {color:#dd231f}
.flex-direction-nav a {z-index: 1 !important;}

.index__pro-list>ul>li .item_before .icon i{font-family:"iconfont" !important;font-style:normal; font-size:70px; color:#FFF}
.index__pro-list>ul>li .item_after .inner .icon i{font-family:"iconfont" !important;font-style:normal; font-size:40px; color:#FFF}

.index__intro .txt .des P{text-indent: 2em}
.index__intro .icons{ width:15%; float:left}
.index__intro .icons dl dd { text-align:center; margin-bottom:20px}
.index__intro .icons dl dd a i{font-family:"iconfont" !important;font-style:normal; font-size:50px; color:#999; -webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.index__intro .icons dl dd a:hover i{color:#0000ff}
.index__intro .icons dl dd span{color:#666; font-size:16px}


.index2-container{width:100%; padding: 10px;}
.index2-container .item {overflow: hidden; background-color: #fff; box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);}
.index2-container .item .img_box{padding-top: 15px; overflow: hidden;}
.index2-container .item .img{background-position: center center; background-repeat: no-repeat; background-size: cover;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.index2-container .item .img img{display: block; width: 100%; height: auto;}
.index2-container .item .txt{box-sizing: border-box; width: 100%; padding: 15px 10px; display: flex; justify-content: space-between; align-items: center; background-color: #fff;}
.index2-container .item .txt h3{font-size: 15px; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center}
.index2-container .item .txt i{display: block; position: relative; width: 25px; height: 25px; background-color: #e3e3e3; border-radius: 50%;}
.index2-container .item .txt i em{position: absolute; left: 50%; top: 50%; display: block; width: 14px; height: 14px; background: url(/templates/en/css/../images/index2-01.png) no-repeat top center; background-size: 100% auto;  transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.index2-container .item:hover .img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.index2-container .item:hover .txt{background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}
.index2-container .item:hover .txt h3{color: #fff;}
.index2-container .item:hover .txt i{background-color: #fff;}
.index2-container .item:hover .txt i em{background-image: url(/templates/en/css/../images/index2-02.png);}




.index2-container-pro{width:100%; padding: 10px;}
.index2-container-pro ul{ padding:0}
/*.index2-container-pro ul li:last-child{ display:none}*/
.index2-container-pro .item {overflow: hidden; background-color: #fff; border:1px solid #d9d9d9; width:19.5%; float:left; margin:0 0.25%; margin-bottom:10px}
.index2-container-pro .item .img_box{padding-top: 15px; overflow: hidden;}
.index2-container-pro .item .img{background-position: center center; background-repeat: no-repeat; background-size:90%;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.index2-container-pro .item .img img{display: block; width: 100%; height: auto;}
.index2-container-pro .item .txt{box-sizing: border-box; width: 100%; padding: 15px 10px; display: flex; justify-content: space-between; align-items: center; background-color: #fff;}
.index2-container-pro .item .txt h3{font-size:14px; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center; margin-top:0px; margin-bottom:0px}
.index2-container-pro .item .txt i{display: block; position: relative; width: 25px; height: 25px; background-color: #e3e3e3; border-radius: 50%;}
.index2-container-pro .item .txt i em{position: absolute; left: 50%; top: 50%; display: block; width: 14px; height: 14px; background: url(/templates/en/css/../images/index2-01.png) no-repeat top center; background-size: 100% auto;  transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.index2-container-pro .item:hover .img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.index2-container-pro .item:hover .txt{background:linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}
.index2-container-pro .item:hover .txt h3{color: #fff; }
.index2-container-pro .item:hover .txt i{background-color: #fff;}
.index2-container-pro .item:hover .txt i em{background-image: url(/templates/en/css/../images/index2-02.png);}



.index3{width: 100%; padding-bottom: 50px;}

.index3_ico{position: absolute; left: 50%; top: 50%; width: 90px; max-width: 100%; cursor: pointer; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.index3_ico img{width: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.index3_right{width: 49%;}

.index3-container .item{position: relative; overflow: hidden;}
.index3-container .item .img{position: relative; overflow: hidden; box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); background-repeat: no-repeat; background-position: center center; background-size: cover;}
/* .index3-container .item .img::before{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1); transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} */
.index3-container .item .img .x_img{display: block; width: 100%; height: auto;}
.index3-container .item .txt{position: absolute; bottom: 25px; left: 25px; width: 60%; font-size: 18px; z-index: 5; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index3-container .item .video{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.index3-container .item .video video{width: 100%; height: 100%; object-fit: cover;}
.index3-container .item .bluebg{position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; z-index: 1;  background: linear-gradient(to bottom, rgba(255,0,0,0), #0000ff);  background: -webkit-linear-gradient(to bottom, rgba(255,0,0,0), #1e368b);}
.index3-container .item:hover .img::before{background-color: transparent;}
.index3-container .item:hover .index3_ico img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.index3-container .index3-pagination{width: auto; left: auto; right: 25px; bottom: 25px;}
.index3-container .index3-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 6px; background-color: #7782ad; opacity: 1;}
.index3-container .index3-pagination .swiper-pagination-bullet-active{background-color: #fff;}


.index4{width: 100%; padding: 10px 0 50px 0; background-color: #fff;}
.index4 .container{position: relative;}
.index4_title{position: absolute; left: 0; top: 25px; font-size: 36px;}
.index4-container{width: 100%; position: relative;}
.index4-container .swiper-slide{margin: 0; height:60px}
.index4-container .img img{display: block; width: 100%; height: auto;}
.index4-container .index4-pagination{left: auto; top: 0px; bottom: auto; right: 0; width: auto; display:none}
.index4-container .index4-pagination .swiper-pagination-bullet{width: 15px; height: 15px; margin: 0 8px; opacity: 1; background-color: #3057e9; background-color: #f6f6f6;}
.index4-container .index4-pagination .swiper-pagination-bullet-active{background-color: #3057e9;}

.index__intro .img .play {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center; position:absolute; left:45%; top:40%}
.index__intro .img .play .icon {width:90px;height:90px;position:relative;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; z-index:9}
.index__intro .img .play .icon:before,.index__intro .img .play .icon:after {content:"";display:block;width:100%;height:100%;background:none;border:1px solid #fff;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:0%;top:0%;z-index:3;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.index__intro .img .play .icon:before {opacity:0.2;-webkit-animation:play01 1.5s infinite;animation:play01 1.5s infinite}
.index__intro .img .play .icon:after {opacity:0.3;-webkit-animation:play02 1.5s infinite;animation:play02 1.5s infinite;-webkit-animation-delay:0.1s;animation-delay:0.1s}
.index__intro .img .play .icon i{width:90px;height:90px; display:block; font-family:"iconfont" !important;font-style:normal; color:#fff;font-size:70px; line-height:90px; text-align:center}
.index__intro .img .play:hover .icon:before,.index__intro .img .play:hover .icon:after {opacity:0}

.index__repro {padding:50px 0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(/templates/en/css/../images/index_repro_bg1.jpg)}
.index__repro .w .title {text-align:center}
.index__repro .w .title b {display:block;font-size:36px;font-weight:normal;color:#343434}
.index__repro .w .title p {margin:20px 0 0;font-size:16px;color:#666}
.index__repro .inner {margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}

.index_title_tit{ font-size:20px; display:block; margin-bottom:5px; color:#333;}
.index_title_tit a{ float:right; color:#999; font-size:16px; font-weight:normal; }
.index_title_tit02{ font-size:40px; color:#000; margin-bottom:40px;}
.index_title_tit02 a{ font-size:18px;}

.index__news .inner_list{ width:24.5%; margin-right:0.5%;}

.index__videoo {padding:50px 0;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; }
.index__videoo .w{width:100%}
.index__videoo .txt {width:50%;padding-right:90px}


.index__videoo .inner{ width:100%;}
.index__videoo .sy_video_box{ width:49%; height:362px; background:#000; float:left; margin:0 0.5%}
.index__videoo .sy_video_lb{ width:24.5%; float:left; border: 1px solid #d9d9d9; margin-bottom:0; margin-right:0.5%}
.index__videoo .sy_video_lb .bt{ height:60px; line-height:60px; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff); font-size:20px; color:#FFF; padding-left:20px; font-weight:bold}
.index__videoo .sy_video_lb .bt a{ float:right; padding-right:20px; color:#FFF; font-weight:normal; font-size:16px;  height:60px; line-height:60px;}
.index__videoo .sy_video_lb dd{ border-bottom: 1px solid #d9d9d9; height:40px; line-height:40px; padding-left:15px; font-size:16px}
.index__videoo .sy_video_lb dd a{height:40px; line-height:40px;}
.index__videoo .sy_video_lb dd:nth-child(7n){ border-bottom: none}
.index__videoo .sy_video_lb dd:hover{-webkit-box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1);box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1)}
.index__videoo .sy_video_lb dd:hover a{ color:#0000ff}
.index__videoo .sy_video_lb dd i{font-family:"iconfont" !important;font-style:normal; font-size:18px; float:right; padding-right:20px; }



.index__videoo .inner_loop {width:100%;background-color:#fff;}
.index__videoo .inner_loop>ul{margin:0;padding:0;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index__videoo .inner_loop>ul>li{list-style-type:none;width:100%;background-color:#fff;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.index__videoo .inner_loop>ul>li:nth-of-type(1){border-top:1px solid #d9d9d9;}
.index__videoo .inner_loop>ul>li a{height:100%;padding:20px 10px;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;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.index__videoo .inner_loop>ul>li a span.date{width:90px;text-align:center;font-size:12px;color:#333}
.index__videoo .inner_loop>ul>li a span.date em{display:block;font-style:normal;font-size:30px;line-height:30px}
.index__videoo .inner_loop>ul>li a .txt{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}
.index__videoo .inner_loop>ul>li a .txt b.t{display:block;font-size:16px;line-height:20px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index__videoo .inner_loop>ul>li a .txt .des{margin-top:10px;font-size:14px;line-height:26px;color:#999;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index__videoo .inner_loop>ul>li a:hover{-webkit-box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1);box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1)}
.index__videoo .inner_loop>ul>li a:hover .txt b.t{color:#0000ff}

.fl {float: left;}
.fr {float: right;}

.index__about{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(/templates/en/css/../images/index__news-bg.jpg)}
.index__about .img:before{ display:none !important}


.index__news .index_title{ text-align:center}
.index__part .index_title{ text-align:center}
.index__czxs .index_title{ text-align:center}
.index__videoo .index_title{ text-align:center}
.wel-case .index_title{ text-align:center}


.in_news_hot_wz{overflow:hidden; height:250px}
.in_news_hot_wz .img img{ width:100%; height:250px}
.in_news_hot_wz .bt{position: relative; bottom:50px; height:50px; line-height:50px; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff); padding:0 20px;}
.in_news_hot_wz .bt b{ font-size:15px;  color:#FFF; font-weight:normal; display:block; height:50px; line-height:50px; text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.in_news_hot_lb{ overflow:hidden;  border:1px solid #d9d9d9; margin-bottom:0px; border-bottom:none}
.in_news_hot_lb dd{height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #d9d9d9;}
.in_news_hot_lb dd b{float:left; font-size:14px; font-weight:normal; width:75%; display:block; padding-left:2%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in_news_hot_lb dd span{ float:right; padding-right:2%; font-size:14px; color:#999; width:21%}
.in_news_hot_lb dd:nth-child(5n){border-bottom:none}
.in_news_hot_lb dd:hover{-webkit-box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1);box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1)}
.in_news_hot_lb dd i{font-family:"iconfont" !important; font-style:normal; font-size:14px;}


.index__czxs{padding:50px 0; }
.index__czxs .txt {width:24.5%; margin-right:0.5%;}
.index__czxs .inner_loop {width:100%;background-color:#fff;}
.index__czxs .inner_loop img {width:100%;} 
.index__czxs .inner_loop>ul{width:100%;margin:0;padding:0;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index__czxs .inner_loop>ul>li{list-style-type:none;width:100%;background-color:#fff;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.index__vczxs .inner_loop>ul>li:nth-of-type(1){border-top:1px solid #d9d9d9;}
.index__czxs .inner_loop>ul>li a{height:100%;padding:10px;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;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.index__czxs .inner_loop>ul>li a .txt02{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index__czxs .inner_loop>ul>li a .txt02 b.t{display:block;font-size:14px;line-height:20px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index__czxs .inner_loop>ul>li a:hover{-webkit-box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1);box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1)}
.index__czxs .inner_loop>ul>li a:hover .txt02 b.t{color:#0000ff}

.index__part {padding:50px 0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.index__part .w .title {text-align:center}
.index__part .w .title b {display:block;font-size:36px;font-weight:normal;color:#343434}
.index__part .w .title p {margin:20px 0 0;font-size:16px;color:#666}
.index__part .inner {margin:20px 0 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}

.footer__cont{ width:21%}
.footer__cont span{ font-size:27px; font-weight:bold; color:#fff; display:block; }
.footer__cont p{color:#b2b2b2; font-size:12px; text-transform:uppercase; display:block; margin-bottom:15px; line-height:20px}
.footer__cont div{ color:#737373; font-size:14px; line-height:24px}
.footer__cont div a{color:#737373;}

ul{list-style: none}
.pavilion-container {width:100%; margin-top:20px}

/*tab分类*/
.pavilion-container .pavilion-inner {mmargin: 0 auto}

.pavilion-container .pavilion-inner .tabs {  width:33%; top:0; left:120px; }
.pavilion-container .pavilion-inner .tabs dl {float: left; width:50%; text-align:center; background:#fff; height:120px; border:1px solid #ccc; margin-bottom:0}
.pavilion-container .pavilion-inner .tabs dl:nth-child(2n),.pavilion-container .pavilion-inner .tabs dl:nth-child(4n),.pavilion-container .pavilion-inner .tabs dl:nth-child(6n){border-left:none;}.pavilion-container .pavilion-inner .tabs dl:nth-child(3n),.pavilion-container .pavilion-inner .tabs dl:nth-child(4n),.pavilion-container .pavilion-inner .tabs dl:nth-child(5n),.pavilion-container .pavilion-inner .tabs dl:nth-child(6n),.pavilion-container .pavilion-inner .tabs dl:nth-child(7n){ border-top:none}
.pavilion-container .pavilion-inner .tabs dl {cursor: pointer}
.pavilion-container .pavilion-inner .tabs dl:first-child {margin-left: 0}
.pavilion-container .pavilion-inner .tabs dl i{font-family:"iconfont" !important; font-style:normal; font-size:40px; color:#666; margin-top:18px; display: block}
.pavilion-container .pavilion-inner .tabs dl p{font-size:16px; color:#333;}
.pavilion-container .pavilion-inner .tabs dl.on {background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}
.pavilion-container .pavilion-inner .tabs dl.on i{color:#fff}
.pavilion-container .pavilion-inner .tabs dl.on p{color:#fff}
.pavilion-container .pavilion-inner .tabs .zh{height:120px; background:#f5f5f5; width:50%; float:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center}
.pavilion-container .pavilion-inner .tabs .zh i{font-family:"iconfont" !important; font-style:normal; font-size:40px; color:#666; display: block; line-height:120px}


/*tab内容*/
.pavilion-container{ width:75%; float:left}
.pavilion-container .tab-content-wrap {height: 480px; width:67%; position:relative; float:right}
.pavilion-container .tab-content{position: absolute;transition: all .7s linear;opacity: 0;z-index: -1;height: 0; width:100%}
.pavilion-container .tab-content.show {height: auto;opacity: 1;top: 0;z-index: 1}
.pavilion-container .col-box-img{width:100%; height:480px; overflow:hidden}
.pavilion-container .col-box-img img{ width:100%; height:100%}
.pavilion-container .col-box-wz{ position:absolute; height:480px; top:0; background-color:rgba(0,0,0,0.2); width:100%}
.pavilion-container .col-box-wz .con{ padding:5% 20% 0px 10%; display:block}
.pavilion-container .col-box-wz .tit{font-size:30px;color:#fff;font-weight:bold; margin-bottom:5px}
.pavilion-container .col-box-wz .en{font-size:14px;color:#fff;opacity:.6;filter:alpha(opacity=60);line-height:24px;min-height:24px}
.pavilion-container .col-box-wz .font{font-size:16px;color:#fff;line-height:34px;margin-top:18px; margin-bottom:40px;}
.pavilion-container .col-box-wz .more{width:150px;height:46px;line-height:46px;text-align:center;background-color:#0000ff;-webkit-border-radius:4px;border-radius:4px;font-size:14px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#FFF; display:none}
.pavilion-container .col-box-wz .more:hover{background-color: #f08300;}

.index_order{ width:25%; float:right; background:#f5f5f5; height:480px; margin-top: 20px;}

.index_order .index_order_box{padding:8%; border:1px #CCCCCC solid; width:100%; height:100%; background:#fff; background:url(/templates/en/css/../images/d.jpg) no-repeat; background-size:100% 100%;}
.index_order .index_order_box .bt{ text-align:center; color:#f08300; font-weight:bold; font-size:22px; margin:0 0 20px 0; display:block; width:100%}
.index_order .index_order_box .ny{ font-size:14px; line-height:24px; margin-bottom:20px; display:block; width:100%}
.index_order .index_order_box .formbox .p1{ width:100%; height:30px; line-height:30px; margin-bottom:10px; position: relative}
.index_order .index_order_box .formbox .p1 span{ width:18%; text-align:right; float:left; font-size:14px; line-height:30px}
.index_order .index_order_box .formbox .p1 input{ width:78%; float:right; height:30px; line-height:30px; padding-left:2%; font-size:14px}
.index_order .index_order_box .formbox .p1 .yzm { position:absolute; width:80px; height:40px; display:block; right:2%}
.index_order .index_order_box .formbox .more-button{ width:40%; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff); color:#FFF; height:40px; line-height:40px; border:none; font-size:14px; float:right}


.index__pro-list>ul>li .item .index_title{ padding: 70px 0  0 120px;}
.index__pro-list>ul>li .item .index_title b{ color:#FFF}
.index__pro-list>ul>li .item .index_title:after{ margin:20px 0px !important}

.index__repro__w{ overflow:hidden}
.index__repro__w .index_title{ text-align:center}

.index__repro__w .index__news-more a{color:#FFF; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}
.index__repro__w .index__news-more a:hover{background:#f08300;}

.index__czxs .txt .index_title_tit{font-size:22px; height:180px; line-height:180px; text-align:center; color:#fff}
.index__czxs .txt .index_title_tita{background:url(/templates/en/css/../images/czxs01.jpg); margin-bottom:0px; background-size: 100%; background-position:bottom}
.index__czxs .txt .index_title_titb{background:url(/templates/en/css/../images/czxs02.jpg); margin-bottom:0px; background-size: 100%; background-position:bottom}
.index__czxs .txt .index_title_titc{background:url(/templates/en/css/../images/czxs03.jpg); margin-bottom:0px; background-size: 100%; background-position:bottom}
.index__czxs .txt .index_title_titd{background:url(/templates/en/css/../images/czxs04.jpg); margin-bottom:0px; background-size: 100%; background-position:bottom}

.index__czxs .inner {margin:20px 0 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.index__czxs .inner_loop>ul>li a .txt02 b.t i{font-family:"iconfont" !important; font-style:normal; font-size:14px;}

.flex{ display: flex;}

.ny_box{padding:50px 0; overflow: hidden;}
.ny_box02{overflow: hidden; padding-bottom:50px}

.ny_left{width:20%; float: left;}
.ny_right{ float: right; width: 78%;}
.ny_crumbs_box{margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px; margin-top:50px}
.ny_crumbs{ overflow:hidden; margin-bottom:30px; font-size:14px; color:#999}
.ny_crumbs a{color:#999;}
.ny_crumbs a:hover{color:#0000ff}
.ny_crumbs i{font-family: "iconfont" !important; font-style:normal; font-size:14px; color:#999; padding-right:5px}
.ny_crumbs .z{ color:#333}
.ny_foot{width: 100%; background: #fff; border: 1px solid #d9d9d9;overflow: hidden;}

.ny_foot .ny_hotline{ float:left; width:27%; padding:2%; border-right:1px solid #d9d9d9; }
.ny_foot .ny_hotline li{ font-size:14px; height:35px; line-height:35px}
.ny_foot .ny_hotline li i{font-family:"iconfont" !important; font-style:normal; font-size:22px; color:#ccc; padding-right:10px; display:block; float:left}
.ny_foot .ny_hotline li b{ font-size:18px; color:#0000ff;}

.ny_foot .ny_support{ float:left; width:45%;  margin-bottom:0; padding:2%}
.ny_foot .ny_service{ float:left; width:27%; margin-bottom:0; padding:2%}

.ny_foot .ny_support li p{ font-size:14px; color:#333; line-height:35px}
.ny_foot .ny_service{border-left:1px solid #d9d9d9;}
.ny_foot .ny_service li b{ font-size:18px; color:#0000ff;}
.ny_foot .ny_service li{ font-size:14px;}
.ny_foot .ny_service li i{font-family:"iconfont" !important; font-style:normal; font-size:22px; color:#ccc; padding-right:10px; display:block; float:left}
.ny_foot .ny_service li p{ height:35px; line-height:35px; display:block}

.ny_box02 .bt{font-size:18px; color:#0000ff; font-weight:normal; display:block; width:100%}
.ny_box02 .wz{ display:block;font-size:14px; color:#333; line-height:20px; margin:10px 0}
.ny_box02 ul{ margin-bottom:0}

/* Product List */
.ny_pro_class{ width: 100%; border: 1px solid #d9d9d9;}
.ny_pro_class .bt{ height: 60px; line-height: 60px; display: block; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff); color: #fff; padding-left: 5%; font-size: 18px; overflow:hidden; font-weight:bold}
.ny_pro_class .list_dl{margin-bottom:0}
.ny_pro_class .list_dt{color:#333;width:100%; height:45px;line-height:45px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;
 border-bottom:1px solid #d9d9d9;  font-size: 16px; font-weight: normal; padding-left: 5%;}
.ny_pro_class .list_dt:hover{-webkit-box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1);box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1)}
.ny_pro_class .list_dt_icon{position: absolute;right: 10px;top: 15px;display: block;width: 16px;height: 16px;background: url("/templates/en/css/../images/off.png") no-repeat;}
.ny_pro_class .list_dd{display: none;}
.ny_pro_class .list_dd .list_li{position:relative; padding-left: 5%; list-style-type: none;width: 100%; height: 40px;line-height: 40px;cursor: pointer; background: #f5f5f5; border-bottom: 1px solid #d9d9d9; font-size: 14px;}
.ny_pro_class .list_dd .list_li a{color:#666;}
.ny_pro_class .list_dd .list_li:hover{background: #fff;}
.ny_pro_class .list_dd .list_li:hover a{ color: #04098;}

.ny_pro_class .list_dd .list_li ul{position:absolute;  width:400px; background:#fff; display:none; top:-1px; left:100%; padding: 0;  z-index:6;}
.ny_pro_class .list_dd .list_li ul li{ width:50%; float: left; text-align: center; height:40px; line-height:40px; border: 1px solid #d9d9d9; border-bottom: none;}
.ny_pro_class .list_dd .list_li:hover ul{ display: block;}
.ny_pro_class .list_dd .list_li ul li:hover{background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}
.ny_pro_class .list_dd .list_li ul li:hover a{ color: #fff;}
.ny_pro_class .list_dd .list_li ul li:nth-child(even){border-left:none;}
.ny_pro_class .list_dd .list_li ul li:nth-child(ood){border-right:none;}
.ny_pro_class .list_dd .list_li ul li:last-child{border-bottom: 1px solid #d9d9d9;}
.ny_pro_class .list_dd .list_li ul li:nth-last-child(2){border-bottom: 1px solid #d9d9d9;}
.ny_test_class{ border-bottom:none}

#open{-webkit-box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1);box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.1)}
#open .list_dt_icon{background: url("/templates/en/css/../images/open.png") no-repeat;}

.ny_service_tel{ width: 100%; border: 1px solid #d9d9d9; margin-top:20px}
.ny_service_tel .bt{ height: 60px; line-height: 60px; display: block; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff); color: #fff; padding-left: 5%; font-size: 18px;}
.ny_service_tel ul{ padding:10px; margin-bottom:0}
.ny_service_tel li{ font-size:14px; height:50px; line-height:50px}
.ny_service_tel li i{font-family:"iconfont" !important; font-style:normal; font-size:30px; color:#ccc; padding-right:10px; display:block; float:left}
.ny_service_tel li b{ font-size:20px; color:#0000ff;}

.ny_supply_box .ny_pro_class_two{ display:none}
.ny_pro_class_two{ width: 100%; padding: 0;}
.ny_pro_class_two .one p{ line-height: 40px; background: #f5f5f5; padding-left: 20px; margin-bottom:10px;}
.ny_pro_class_two .one p a{ color:#333; font-weight:bold; font-size:16px}
.ny_pro_class_two .class_two{padding: 0;}
.ny_pro_class_two .class_two li{ margin-bottom:10px}
.ny_pro_class_two .class_two p{ line-height:35px; background: #f5f5f5; padding-left: 20px; margin-bottom:0px}
.ny_pro_class_two .class_two p a{ color:#333; font-size: 16px;}
.ny_pro_class_two .class_two p a:hover{ color:#0000ff}
.ny_pro_class_two .class_three{padding: 0; overflow: hidden; background: #fff;}
.ny_pro_class_two .class_three li{ margin-bottom:0px}
.ny_pro_class_two .class_three p{ line-height:24px; background: #fff; padding-left: 20px; float: left; display: block; width:25%; margin-bottom:0px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ny_pro_class_two .class_three p a{ color:#333; font-size: 14px; font-weight:normal;}
.ny_pro_class_two .class_three p a:hover{ color:#0000ff}


.ny_pro_class_two02 .one p{ margin-bottom:5px}
.ny_pro_class_two02 .class_three{ margin-bottom:10px}


.ny_pro_cpml{ }
.ny_pro_cpml ul{ padding:0; margin-bottom:0}
.ny_pro_cpml ul .ny_pro_yj{}
.ny_pro_cpml ul .ny_pro_yj a{background: #eee; height:40px; line-height:40px; width:100%; padding-left:10px; font-size:17px; display:block; border-bottom:#f5f5f5 1px solid; color:#000}
.ny_pro_cpml ul .ny_pro_yj a:hover{color:#0000ff;}
.ny_pro_cpml ul .ny_pro_ej a{background: #f5f5f5; height:40px; line-height:40px; width:100%; display:block; padding-left:20px; font-size:16px; border-bottom:#fff 1px solid; color:#333}
.ny_pro_cpml ul .ny_pro_sj a{background: #fff; height:35px; line-height:35px; width:100%; display:block; padding-left:30px; font-size:14px; border-bottom:#eee 1px solid; color:#666}
.ny_pro_cpml ul .ny_pro_ssj a{background: #fff; height:30px; line-height:30px; width:100%; display:block; padding-left:40px; font-size:13px; border-bottom:#eee 1px solid; color:#999}


#pro_menu { width:100%;} 
#pro_menu ul {overflow:hidden; padding:0; margin-bottom:0} 
#pro_menu ul li{border-bottom: #d9d9d9 1px solid; position:relative} 
#pro_menu ul a{width:100%; display:block; height: 40px; line-height: 40px;}
#pro_menu ul .ny_pro_yj{background:#eee; font-size:16px; color:#000; padding-left:10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block}
#pro_menu ul .ny_pro_ej{background:#f2f2f2; font-size:15px; color:#333; padding-left:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block}
#pro_menu ul .ny_pro_sj{background:#f9f9f9; font-size:14px; color:#666; padding-left:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block}
#pro_menu ul .ny_pro_fj{background:#fff; height:30px; line-height:30px; font-size:14px; color:#999; padding-left:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block}
#pro_menu ul li ul {display:none;} 
#pro_menu ul li em {cursor:pointer; width:80px; height:40px; position: absolute; right:0; background: url(/templates/en/css/../images/off.png) no-repeat center;} 
#pro_menu ul li em.off {background: url(/templates/en/css/../images/open.png) no-repeat center;} 
#pro_menu ul li#end { background-color:#FFF; } 
#pro_menu ul.off { display:block; } 
#pro_menu ul li:last-child{border-bottom:none;}


#pro_menu ul .ny_pro_fj02{font-size:14px; padding-left: 20px; color:#666;}
.ny_pro_class_e .ny_pro_ej{ font-size:14px !important}


/* 其他目录 */
.cec_list_dl{padding: 0; margin-bottom:0}
.cec_list_dl li{color:#333;width:100%; height:45px;line-height:45px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
border-bottom:1px solid #d9d9d9;  font-size: 16px; font-weight: normal; padding-left: 5%;}
.cec_list_dl li:last-child{border-bottom:none;}

/* 产品展示 */
.ny_pro_box{width: 100%; overflow: hidden;}
.ny_pro_box ul{padding: 0;}
.ny_pro_box ul li{ width: 32.3%; float: left; margin:0 0.5%; border: 1px solid #d9d9d9; margin-bottom:15px;}
.ny_pro_box ul li .item{ width: 100%;}
.ny_pro_box ul li .item .img{ background-position: center center; background-repeat: no-repeat; background-size:90%;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.ny_pro_box ul li .item .txt{ text-align: center; padding:8px 0;}
.ny_pro_box ul li .item .txt p{ font-size:14px;}
.ny_pro_box ul li:hover .item .txt{background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}
.ny_pro_box ul li:hover .item .txt{ color:#fff;}


/* 产品详细页 */
.product__single-toptxt{ float:left}
.product__single-topslide{ float:right}
.pxq1_sec{width: 100%; background: #fff;border: 1px solid #d9d9d9; overflow: hidden; padding:40px;}
.product__single-toptxt .downlist02 b{ color:#333; display:block; font-size:18px}

.product__single-toptxt .downlist b{ color:#333; display:block; font-size:18px}
.product__single-toptxt .downlist .downlist_lb a {display: block; height:40px; line-height:40px; border-radius:5px; color:#333; float:left; margin-bottom:10px; font-size:14px; padding-right:2%}
.product__single-toptxt .downlist .downlist_lb a i{font-family:"iconfont" !important;font-style:normal; font-size:16px; margin-right:5px; color:#999}
.product__single-toptxt .downlist .downlist_lb a:hover{color:#0000ff;}
.product__single-toptxt .downlist .downlist_lb a:hover i{color:#0000ff;}

.slideTxtBox{ width:100%; } 
.slideTxtBox .hd{width:100%; height:60px; line-height:60px; position:relative;} 
.slideTxtBox .hd ul{ float:left; position:absolute; height:60px; padding:0; width:100%} 
.slideTxtBox .hd ul li{ float:left;  width:20%; font-size:18px; color:#333; text-align: center; } 
.slideTxtBox .hd ul li:after{content:"";display:block;width:100%;height:4px;line-height:4px;background-color:#eee; margin:0 auto}
.slideTxtBox .hd ul li.on{ height:60px; color:#0000ff; cursor:pointer; font-weight:bold} 
.slideTxtBox .hd ul li.on:after {content:"";display:block;width:100%;height:4px;line-height:4px;background-color:#0000ff; margin:0 auto}
.slideTxtBox .bd{ padding-top:30px; overflow:hidden} 
.slideTxtBox .bd ul{ padding:0px; } 
.slideTxtBox .tempWrap{ margin:15px;  } 

.videoD_img{width:100%}
.video_right{ width:950px; height:565px;}


.casedl{width:100%; margin:0 auto; overflow:hidden}
.casedl dd{float: left; width:24%; margin: 0 0.5%; margin-bottom:20px;}
.casedl dd .img_box{position: relative; overflow: hidden; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.casedl dd .img{ background-repeat: no-repeat; background-position: center center; background-size: cover;	transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.casedl dd .img img{display: block; width: 100%; height: auto;}
.casedl dd .txt{position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; font-size: 18px; line-height: 50px; color: #fff; background: linear-gradient(transparent, rgba(29, 27, 27, 0.1));}
.casedl dd:hover .img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}


.loading_index{ padding: 50px; overflow: hidden;}
.ny_bt{ width: 100%; text-align: center; margin-bottom: 30px;} 
.ny_bt h5{ font-size: 30px; color: #333;}

#map_ny_nav{ text-align:center; font-size:20px; color:#333;display:block; cursor:pointer; display:none; height:60px; line-height:60px; background:#f5f5f5}
#map_ny_nav i{font-family:"iconfont" !important;font-style:normal; font-size:18px; margin-left:5px}



/* Equipment Supply */
.ny_supply_box_img{ padding:0; overflow:hidden}
.ny_supply_box_img li{ width:33%; float:left;}
.ny_supply_box_img li img{ width:100%}


/* 单页面word排版 */
.word_box{ padding:0; overflow:hidden; margin-bottom:0}
.word_box li{padding:50px 0;}
.word_box li .nr{ width:60%; margin:0 auto}
.word_box li:nth-of-type(even){ background:#F5F5F5}
.word_box li:first-child { padding-top:0px}
.word_box .more{display: block;width:150px;height:46px;line-height:46px;text-align:center;background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);-webkit-border-radius:4px;border-radius:4px;font-size:14px;color:#fff;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; margin:0 auto} 
.word_box .more:hover {background-color:#f08300;color:#fff}

.word_main{width:80%; margin:0 auto;}
.word_main dl{}
.word_main dl dd{margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7;}
.word_main dl dd:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.word_main .lis .img_box{width: 20%; border-radius: 10px; overflow: hidden;}
.word_main .lis .img{width: 100%; height: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.word_main .lis .img img{display: block; width: 100%; height: auto;}
.word_main .lis .txt{width:76%;}
.word_main .lis .txt h2{font-size: 24px; margin-bottom: 25px;}
.word_main .lis .txt p{font-size: 14px; line-height: 25px; margin-bottom: 20px; height: 50px; color: #666; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.word_main .lis .txt .time{font-size: 14px; color: #999;}
.word_main .lis .txt .time i{font-family:"iconfont" !important;font-style:normal; font-size:16px; color:#b3b3b3; padding-right:5px}
.word_main .lis:hover .img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.word_main .lis:hover .txt h2{color: #0000ff;}

.cword_main dl{width:80%; margin:0 auto;}
.cword_main dl dd{float: left; width:23%; margin: 0 1%; margin-bottom: 30px;}
.cword_main dl dd .img_box{position: relative; overflow: hidden; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.cword_main dl dd .img{ background-repeat: no-repeat; background-position: center center; background-size: cover;	transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.cword_main dl dd .img img{display: block; width: 100%; height: auto;}
.cword_main dl dd .txt{position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; font-size: 18px; line-height: 50px; color: #fff; background: linear-gradient(transparent, rgba(29, 27, 27, 0.1));}
.cword_main dl dd:hover .img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}



.about_title{margin-bottom:30px; text-align: center;}
.about_title p{font-size: 14px; color: #999; text-transform:uppercase; display:none}
.about_title h5{font-size:30px; color: #333; margin-bottom:0; text-transform:uppercase;}

#container{min-width:100%; min-height:350px;}
.txmap { font-size:14px; text-align:center}
.txmap font{ font-size:18px; color:#0000ff; font-weight:bold}


.contact_index02 .formbox p{margin-bottom: 20px;}
.contact_index02 .formbox .p1{float: left; width: 48%;}
.contact_index02 .formbox .p1:nth-child(even){float: right;}
.contact_index02 .formbox  input{width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #666; border: 1px solid #e7e7e7; padding-left:10px}
.contact_index02 .formbox .more-button{ width:20%}
.contact_index02 .formbox .p2{float: none; width: 100%; margin-top: 20px;}
.contact_index02 .formbox .p2 textarea{width: 100%; height: 125px; padding: 5px; font-size: 14px; color: #666; resize: none; border: 1px solid #e7e7e7; padding-left:10px}
.contact_index02 .formbox .p3 input{width: 180px; margin-right: 15px;}
.contact_index02 .formbox .p3 img{width: 120px; height: 40px; cursor: pointer;}
.contact_index02 .formbox .btns{margin-top: 27px;}
.contact_index02 .formbox .btns a{display: block; width:200px; height: 58px; line-height: 58px; text-align: center; font-size: 14px; background-color: #999;color: #fff; }
.contact_index02 .formbox .btns a:hover{color: #fff; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}


/* Join Us */
.join1_sec{width: 100%; padding: 50px 120px;}
.join1_sec .about_title { margin-bottom:10px}
.join1_sec .about_title span{font-size:30px; color: #333;}
.join1_sec .container{max-width:1480px;}
.join1_top{margin-bottom:30px;}
.join1_top .red{line-height: 35px; font-size: 14px; color: #999; text-align:center}
.join1_top .red a{color: #0000ff; font-weight:bold; font-size:20px}
.join1_main{margin-bottom: 50px;}
.join1_main ul { padding-left:0}
.join1_main ul li{margin-bottom: 20px; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border: 1px solid #ccc;}
.join1_main ul li p{font-size: 14px; line-height: 30px;}
.join1_main ul li .nr{display: flex; justify-content: space-between; align-items: center;}
.join1_main ul li .nr .left{width: calc(100% - 175px); padding: 20px;}
.join1_main ul li .nr .left .box1{ line-height: 30px; margin-bottom: 20px;}
.join1_main ul li .nr .left .box1 h2{width: 23.2%; font-size: 22px; color: #0000ff; margin:0}
.join1_main ul li .nr .left .box1 h3{width: 70%; font-size: 14px; margin:0}
.join1_main ul li .nr .left .box1 h3 span{display: inline-block; width:33%; color: #909090;}
.join1_main ul li .nr .left .box1 h3 span i{margin-right:5px; font-family:"iconfont" !important;font-style:normal; font-size:14px;}
.join1_main ul li .nr .left .box2 {width: 100%; color: #292929;}
.join1_main ul li .nr .left .box2 p span{display: inline-block; width: 23%; line-height: 25px;}
.join1_main ul li .nr .right{width: 175px;}
.join1_main ul li .nr .right a{display: block; width: 60px; height: 60px; line-height: 60px; margin: 0 auto; color: #0000ff; font-size:24px; text-align: center; border-radius: 50%; }
.join1_main ul li .nr .right a i{font-family:"iconfont" !important;font-style:normal; font-size:40px;}

.join1_main ul li .xq{padding: 30px 20px; border-top: 1px solid #ccc; display: none}
.join1_main ul li .xq p{color: #797979;}
.join1_main ul li .xq p .bold{font-size: 18px; color: #292929; margin-bottom: 25px;}
.join1_main ul li .sc{display: block; width: 128px; height: 48px; line-height: 48px; margin-top: 20px; position: relative; overflow: hidden; border-radius: 30px; background-color: #cf2e2a; color: #fff; text-align: center}
.join1_main ul li .sc i{display: inline-block; width: 15px; height: 17px; margin-right: 12px;  position: relative; top: 3px;   background: url(/templates/en/css/../images/join-01.png) no-repeat center;}
.join1_main ul li .sc input{position: absolute; left: 0; top: 0; display: block;width: 100%; height: 100%;opacity: 0; cursor: pointer !important;}

.ny_partner_box{ overflow:hidden; padding:0}
.ny_partner_box li{ width:19.5%; float:left; border:1px solid #d9d9d9; margin:0 0.25% 10px 0.25%}
.ny_partner_box li img{ width:100%}

.ny_partner_box02{padding:0; border:1px solid #d9d9d9; overflow:hidden; border-top:none; border-right:none; background:#f5f5f5}
.ny_partner_box02 li{ width:33.333%;  float:left; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; height:35px; line-height:35px;}
.ny_partner_box02 a{ font-size:14px; padding-left:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height:35px; line-height:35px; display:block; width:96%}


.honor1-container{width:100%; padding: 10px;}
.honor1-container .item {overflow: hidden; background-color: #fff; box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);}
.honor1-container .item .img_box{padding:5px; overflow: hidden;}
.honor1-container .item .img{height:220px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.honor1-container .item .img img{position: absolute; top: 50%; left: 50%; display: block;  max-width:95%; max-height:95%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

.honor2-container{width:100%; padding: 10px;}
.honor2-container .item {overflow: hidden; background-color: #fff; box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);}
.honor2-container .item .img_box{padding:5px; overflow: hidden;}
.honor2-container .item .img{height:350px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.honor2-container .item .img img{position: absolute; top: 50%; left: 50%; display: block;  max-width:100%; max-height:100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}


.js-lightBox{cursor: pointer; opacity: .8;}
.js-lightBox:hover{opacity: 1;}
.lightBox-view img{display: block; display: none; border:0px; margin:0px !important;}
.lightBox-popupMask{position: fixed; background:black; filter:alpha(opacity=80);/* IE */ opacity:0.8; width:100%; height: 100%; z-index:9999; display: none; background-image: url('/templates/en/css/../images/icon/overlay.png');}
.lightBox-popup{}
.lightBox-popup{display: none; position: fixed; z-index:10000; top:0%; left:50%; height: 50%; background-color: white; /* margin-left:-500px; */ border-radius: 10px; border:5px solid white; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-image: url('/templates/en/css/../images/icon/loading.gif'); background-size: 8%;}
.lightBox-description .lightBox-btn{/* position: absolute; top:0; */ display: inline-block; height: 100%; width:50%; text-align: center; cursor: pointer; background-repeat: no-repeat; background-position: center center; filter:alpha(opacity=20);/* IE */ opacity: .4; background-image: url('/templates/en/css/../images/icon/opacity.png');}
.lightBox-description .lightBox-btn:hover{filter:alpha(opacity=100);/* IE */ opacity: 1;}
/* .lightBox-view .lightBox-prev-btn{left:0;}
.lightBox-view .lightBox-next-btn{right:0;} */
.lightBox-description .lightBox-prev-btn.active{background-image: url('/templates/en/css/../images/icon/prev.png');}
.lightBox-description .lightBox-next-btn.active{background-image: url('/templates/en/css/../images/icon/next.png');}
.lightBox-description .lightBox-prev-btn.disable{background-image: url('/templates/en/css/../images/icon/prev.png'); opacity: 0.1; cursor: default;}
.lightBox-description .lightBox-next-btn.disable{background-image: url('/templates/en/css/../images/icon/next.png'); opacity: 0.1; cursor: default;}
.lightBox-view .lightBox-description{position: absolute; bottom:0; right:0; left:0; padding:15px; display: none; color:white; background-color: black; filter:alpha(opacity=80);/* IE */ background: rgba(0,0,0,.6);}
.lightBox-view .lightBox-description .lightBox-current-index{margin-top: 5px; display:none; font-style:italic;}
.lightBox-view .lightBox-description .lightBox-close{float: right; display: block; width:40px; height:40px; cursor: pointer; background-repeat: no-repeat; background-image: url('/templates/en/css/../images/icon/close.png'); background-position: center center;}
.lightBox-description .btn-position{float: right; position:relative; width:100px; height: 40px;}

.partner_index01{ background:#f5f5f5; padding:60px 0}
.partner_index02{ background:#f5f5f5; padding:60px 0}

.ny_box_wz{font-size:16px; line-height:30px; padding:0 80px}
.ny_box_wz p{line-height:30px;}
.ny_box_wz table{ width:80%}
.ny_box_lb{ padding:0}
.ny_box_lb li{margin-bottom: 20px; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border: 1px solid #ccc; padding:20px}
.ny_box_lb li .wz{ font-weight:bold; color:#0000ff}

	.product_bt{ width:100%; overflow:hidden}
	.product_js{ width:100%; overflow:hidden}



/* 现场案例 */
.engi4_main ul{ padding: 0;}
.engi4_main ul li{float: left; width:23%; margin: 0 1%; margin-bottom: 30px;}
.engi4_main ul li .img_box{position: relative; overflow: hidden; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.engi4_main ul li .img{ background-repeat: no-repeat; background-position: center center; background-size: cover;	transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.engi4_main ul li .img img{display: block; width: 100%; height: auto;}
.engi4_main ul li .txt{position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; font-size: 18px; line-height: 50px; color: #fff; background: linear-gradient(transparent, rgba(29, 27, 27, 0.1));}
.engi4_main ul li:hover .img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}


/* Product Video */
.video_main ul{ padding: 0;}
.video_main ul li{float: left; width:31%; margin: 0 1%; margin-bottom: 30px;}
.video_main ul li .img_box{position: relative; overflow: hidden; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.video_main ul li .img{ background-repeat: no-repeat; background-position: center center; background-size: cover;	transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.video_main ul li .img img{display: block; width: 100%; height: auto;}
.video_main ul li .txt{position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; font-size: 18px; line-height: 50px; color: #fff; background: linear-gradient(transparent, rgba(29, 27, 27, 0.1));}
.video_main ul li:hover .img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}



/* 下载中心 */
.down1_sec{width:100%;}
.down1_main{width:100%; margin:0 auto;}
.down1_main .down1_main_bt{ overflow:hidden}
.down1_main .down1_main_bt b{ display:block; float:right; font-size:14px; font-weight:normal; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff); height:40px; line-height:40px; border-top-left-radius:8px; border-top-right-radius:8px; color:#FFF; margin-left:5px; width:8%; text-align:center}
.down1_main ul{ padding:0; overflow:hidden}

.down1_main ul .ejmc{ line-height: 40px; background: #eee; padding-left: 10px;}

.down1_main ul li{border: 1px solid #d9d9d9; border-top:none; overflow:hidden}
.down1_main ul li:first-child{border-top:1px solid #d9d9d9;}
.down1_main ul li:last-child{border-bottom:1px solid #d9d9d9;}
.down1_main ul li .lis{width: 100%; height: 40px; line-height: 40px; font-size: 18px;}
.down1_main ul li .fl{width:50%; display:block; float:left; height:40px; line-height:40px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.down1_main ul li .fl a{text-overflow:ellipsis; font-size:14px; padding-left:10px}
.down1_main ul li .cot{width:41.7%; float:right}
.down1_main ul li .cot .yl{height:40px; line-height:40px; text-align:center; color:#999; width:20%; float:left; display:block;}
.down1_main ul li .cot .yl:hover{color: #0000ff;}
.down1_main ul li .cot a i{font-family:"iconfont" !important;font-style:normal; font-size:20px;}



.cese .left_img{background:url(/templates/en/css/../images/left_case.jpg) no-repeat;}
.video .left_img{background:url(/templates/en/css/../images/left_video.jpg) no-repeat;}
.left_img{ margin-top:20px; width: 100%; text-align: center; padding:45px 0;}
.left_img b{font-size: 20px; margin-bottom: 10px;}
.cese b,.video b{color:#fff;}
.cese b:after,.video b:after {content:"";display:block;width:40px;height:2px;line-height:2px;background-color:#f08300;margin:10px auto}



.ny_sales_box{padding: 0; overflow:hidden}
.ny_sales_box li{ width: 32.3%; float: left; margin:0 0.5%; border: 1px solid #d9d9d9; margin-bottom:15px;}
.ny_sales_box li .item{ width: 100%;}
.ny_sales_box li .item .img{ background-position: center center; background-repeat: no-repeat; background-size: cover;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.ny_sales_box li img{ width: 100%;}
.ny_sales_box li .item .txt{ text-align: center; padding:8px 0;}
.ny_sales_box li .item .txt p{ font-size: 16px;}
.ny_sales_box li:hover .item .txt{background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}
.ny_sales_box li:hover .item .txt{ color:#fff;}



.case-channel {width:100%; padding:0; margin:0 auto; overflow:hidden}
.case-channel li{width:24%;float:left;margin:0 0.5% 15px 0.5%;overflow:hidden; position:relative}
.case-channel li img{width:100%;transition:transform.3s}
.case-channel li .bg{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:1;opacity:0;filter:alpha(opacity=0);transition:opacity.3s}
.case-channel li .con{width:100%;position:absolute;bottom:-88px;left:0;padding:0 6%45px 4%;z-index:2;background:url(/templates/en/css/../images/case14_h.png) no-repeat; transition:bottom.3s}
.case-channel li .red{width:9px;height:16px;position:absolute;bottom:6%;right:4%;background:url(/templates/en/css/../images/case13.png)no-repeat center;z-index:3;opacity:1;filter:alpha(opacity=100);transition:opacity.3s}
.case-channel h2{font-size:22px;color:#fff;line-height:39px}
.case-channel p.font{font-size:14px;color:#fff !important;line-height:23px;height:46px;overflow:hidden;margin-bottom:32px}
.case-channel .more{width:120px;height:34px;text-align:center;line-height:34px;background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);color:#fff;font-size:14px;border-radius:20px}
.case-channel li:hover .con {bottom: 0px;}


.video-channel {width:80%; padding:0; margin:0 auto; overflow:hidden}
.video-channel li{width:24%;float:left;margin:0 0.5% 15px 0.5%;overflow:hidden; position:relative}
.video-channel li img{width:100%;transition:transform.3s}
.video-channel li .bg{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:1;opacity:0;filter:alpha(opacity=0);transition:opacity.3s}
.video-channel li .con{width:100%;position:absolute;bottom:-88px;left:0;padding:0 6%45px 4%;z-index:2;background:url(/templates/en/css/../images/case14_h.png) no-repeat; transition:bottom.3s}
.video-channel li .red{width:9px;height:16px;position:absolute;bottom:6%;right:4%;background:url(/templates/en/css/../images/case13.png)no-repeat center;z-index:3;opacity:1;filter:alpha(opacity=100);transition:opacity.3s}
.video-channel h2{font-size:22px;color:#fff;line-height:39px}
.video-channel p.font{font-size:14px;color:#fff;line-height:23px;height:46px;overflow:hidden;margin-bottom:32px}
.video-channel .more{width:120px;height:34px;text-align:center;line-height:34px;background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);color:#fff;font-size:14px;border-radius:20px}
.video-channel li:hover .con {bottom: 0px;}



/* 新闻列表 */
.review_sec{width: 100%;}
.review_main{width:90%; margin:0 auto; background:#FFF; padding:30px}
.review_main ul{ padding:0}
.review_main ul li{margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7;}
.review_main ul li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.review_main .lis .img_box{width: 20%; border-radius: 10px; overflow: hidden;}
.review_main .lis .img{width: 100%; height: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.review_main .lis .img img{display: block; width: 100%; height: auto;}
.review_main .lis .txt{width:76%;}
.review_main .lis .txt h2{font-size:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height:30px; line-height:30px; font-weight:bold}
.review_main .lis .txt p{font-size: 14px; line-height: 25px; margin-bottom: 20px; height: 50px; color: #666; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.review_main .lis .txt .time{font-size: 14px; color: #999;}
.review_main .lis .txt .time i{font-family:"iconfont" !important;font-style:normal; font-size:16px; color:#b3b3b3; padding-right:5px}
.review_main .lis:hover .img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.review_main .lis:hover .txt h2{color: #0000ff;}


/* Marketing Network */
.cont2_sec{width: 100%; overflow: hidden;}
.cont2_sec .container{width: 92%;}
.cont2_sec .about_title{text-align: center; margin-bottom: 50px;}
.cont2_main{justify-content: space-between; align-items: center;}
.cont2_left{width: 100%; margin-bottom: 30px;}
.cont2_left .img img{display: block; width:60%; height: auto;}
.cont2_right{width: 100%;}
.cont2_right ul{ padding:0}
.cont2_right ul li {font-size: 18px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); width: 49%; margin: 0 0.5% 10px 0.5%; float: left;}
.cont2_right ul li .lis{display: flex; align-items: center;}
.cont2_right ul li .lisL{width: 175px; text-align: center;}
.cont2_right ul li .lisL span{display: inline-block; width: 66px; height: 66px; line-height: 66px; margin-bottom: 10px; text-align: center; color: #fff; border-radius: 50%; font-size:32px; font-weight: bold;}
.cont2_right ul li .lisR{width: calc(100% - 175px); border-left: 1px solid #e7e7e7; padding: 20px; height:160px}
.cont2_right ul li .lisR p{line-height: 30px;}
.cont2_right ul li:nth-child(1) .lisL span{ background-color: #0049ff;}
.cont2_right ul li:nth-child(2) .lisL span{ background-color: #042072;}
.cont2_right ul li:nth-child(3) .lisL span{ background-color: #27e17e;}
.cont2_right ul li:nth-child(4) .lisL span{ background-color: #0b5e61;}
.cont2_right ul li:nth-child(5) .lisL span{ background-color: #7433ec;}
.cont2_right ul li:nth-child(6) .lisL span{ background-color: #290a63;}
.cont2_right ul li:nth-child(7) .lisL span{ background-color: #0049ff;}
.cont2_right ul li:nth-child(8) .lisL span{ background-color: #042072;}
.cont2_right ul li:nth-child(9) .lisL span{ background-color: #27e17e;}
.cont2_right ul li:nth-child(10) .lisL span{ background-color: #0b5e61;}
.cont2_right ul li:nth-child(11) .lisL span{ background-color: #7433ec;}
.cont2_right ul li:nth-child(12) .lisL span{ background-color: #290a63;}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;left:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px; margin-bottom:4px;cursor:pointer;outline:none;background:linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff);}
.suspension .a.active,
.suspension .a:hover{background:#f08300;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/templates/en/css/../images/pf/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/templates/en/css/../images/pf/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/templates/en/css/../images/pf/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;left:47px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/templates/en/css/../images/pf/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; margin-top:20px}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/templates/en/css/../images/pf/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/templates/en/css/../images/pf/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:24px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(/templates/en/css/../images/pf/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.news__content-new-box{ float:left; width:20%; background-color: #fff; overflow:hidden; border: 1px solid #d9d9d9;}
.news__content-new-box b{ height:50px; line-height:50px; display:block; background: linear-gradient(90deg, #3acaff, #3057e9); background: -webkit-linear-gradient(-90deg #3057e9,#3acaff); padding-left:10px; font-size:18px; color:#FFF}
.news__content-new-box ul{ padding:3%}
.news__content-new-box ul li {}
.news__content-new-box ul li a{ font-size:14px; color:#666; line-height:33px; height:33px; overflow:hidden; display:block; text-overflow: ellipsis;white-space: nowrap;}
.news__content-new-box ul li i{font-family:"iconfont" !important;font-style:normal;}
.news__content-new-box ul li:last-child{ margin-bottom:0}
.news__content-new-box ul li a:hover{color:#0000ff;}


.product__single-toptxt {width:55%;padding-right:30px}
.product__single-topslide {width:45%;border: 1px solid #ccc;}

.icon-medium-plus{overflow:hidden; width:100%}


.ui-dialog-grid{ width:300px; height:200px; background:#FFF; text-align:center; border-top-right-radius:5px; border-top-left-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.ui-dialog-close{ width:20px; height:20px; font-size:16px; float:right; margin-right:5%}
.ui-dialog-title{ font-size:24px; color:#333}
.ui-dialog-content{ font-size:16px; color:#666}
.ui-dialog-autofocus{ width:50px; height:30px; font-size:16px;}

.downlist_wz p{font-size:14px; line-height:35px}
.contact_map{ width:48%; float:left}
.contact_order{ width:48%; float:right}
@media (max-width:1750px) {
.index_order .index_order_box{padding:5%;}
}

@media (max-width:1681px) {
	.headerr .nav>ul>li {padding:0 20px}
	.index__repro {padding:50px 0}
	.index__repro .w .title b {font-size:30px}
	.index__videoo {padding-top:50px;padding-bottom:50px}
	.index__part {padding:50px 0}
	.index__part .w .title b {font-size:30px}
	.index__part .inner {margin:30px 0}
	.index_title_tit02{font-size:30px}
	.index4-container .swiper-slide{margin: 0; height:50px}
	.index_order .index_order_box .formbox .p1 span{width:22%;}
	.index_order .index_order_box .formbox .p1 input{width:77%;}

}
@media (max-width:1600px) {
	.footer__nav>ul>li {list-style-type:none;margin-right:7%}



	}
@media (max-width:1440px) {
	.headerr .nav>ul>li>a span {font-size:14px}
	.headerr .nav>ul>li .sub .inner {padding:40px}
	.headerr .nav>ul>li .sub .inner .info_news .bg {width:330px;height:230px}
	.headerr .slogan { display:none}
	.headerr .nav>ul {}
	
	.ny_service_tel li i{ display:none}	
}


@media (max-width:1380px) {
	.headerr .nav>ul>li {padding:0 15px}
	.pavilion-container .col-box-wz .con{padding: 10%;}
	.join1_sec{padding:40px}
	.title01 b{ font-size:24px}
	
	.footer__cont p{ margin-top:5px}
	
	.in_news_hot_wz{height:200px;}
	.in_news_hot_wz .img img{height:200px;}
	
	.index__czxs .txt .index_title_tit{ font-size:24px}
	
	.ny_service_tel li i{ display:none}
	
	

	.video_right{ width:100%; height:inherit}
	.slideTxtBox .bd ul img{ width:100%}
	
	.review_main .lis .txt h2{ margin-top:0}
	.product__single-toptxt .downlist .downlist_lb a{ font-size:14px}
	.product__single-toptxt{padding-right:20px;}
	.product__single-toptxt .downlist .downlist_lb a{padding-right: 1%;}


	
.in_news_hot_lb dd b{width:72%; padding-left:1%;}
.in_news_hot_lb dd span{padding-right:1%; width:26%}

#pro_menu ul li em{ width:50px}
.title01:after{ display:none}

.downlist_wz p{ line-height:25px}
}


@media (max-width:1180px) {
.headerr .nav {display:none}
.headerr .topicons>ul {margin:20px 0 0}
.headerr .topicons>ul>li.mobile-icon {display:block}
.index__repro {padding:40px 0}
.index__videoo {padding-top:40px;padding-bottom:40px}
.index__part {padding:40px 0}


.ny_foot .ny_hotline li b{font-size:16px;}
.ny_foot .ny_service li b{font-size:16px;}

}
@media (max-width:1024px) {
.headerr .logo{ width:380px; height:50px}	
	
.index__intro{ display: block;}
.index__intro .txt{width: 85%; float: left;}
.index__intro .img{ width: 100%;}
.index__intro .img .play{left: 40%;top:35%;}

.index__czxs{ overflow: hidden;}
.index__czxs .inner{ display: block;}
.index__czxs .txt{ width: 49.5%; float: left; margin-bottom:10px}

.index__news{ overflow: hidden;}
.index__news .inner{display: block;}
.index__news .inner_list{ width: 49.5%; float: left; margin-bottom:10px}

.intro__about01 .img{ width: 100%; padding-right:0px; margin-bottom:10px}
.intro__about01 .txt{ width: 100%; padding-left:0px;}

.pavilion-container .col-box-wz .con{padding: 10%;}


.footer__qr{ display:none}
.footer__nav>ul>li{margin-right: 5%;}
.footer__nav>ul>li:nth-last-child(1){margin-right:0;}
.footer__cont{ width:35%}
.footer__cont p{ font-size:14px; margin-top:5px}
.flex{ display:block}

.headerr .topicons{ width:240px}
.headerr .mobile-icon{ margin-left:50px}

.index__pro-list>ul>li .item .index_title{padding: 35px 0 0 30px;}
.index__pro-list>ul>li .item_before .icon i{font-size: 50px;}

.index2-container-pro ul li:last-child{ display: block}
.index2-container-pro .item{width: 24.5%;}

.in_news_hot_wz{ height:250px}
.in_news_hot_wz .img img{ height:250px}
.in_news_hot_lb dd b{ width:80%}
.in_news_hot_lb dd span{ width:18%}

.index4-container .swiper-slide{height:60px}

.ny_box{padding:40px 0;}
.ny_crumbs{margin-bottom:20px;}
.ny_left{ width:25%}
.ny_right{ width:73%}
.ny_pro_class .bt{height:40px;line-height:40px;font-size:16px;}


.ny_products_show .ny_left{ display:none}
.ny_products_show .ny_right{ width:100%}



.ny_pro_box ul li{width:49%;margin-bottom:10px;}

.case-channel li{ width:49%}
.case-channel li img{ width:100%}
.loading_index{ padding:40px 30px}

.ny_supply_box_img li{ width:100%}

.ny_crumbs_box{ margin-top: 40px;}
.cword_main dl{width:90%;}
.cword_main dl dd .txt{ font-size:16px; height:40px; line-height:40px}
.ny_crumbs_box{padding-left:40px; padding-right:40px;}
.word_box li .nr{width:90.5%;}
.word_box li{padding:40px 0;}

.down1_main .down1_main_bt b{width:10%;}
.down1_main ul li .fl{ width:47%}
.down1_main ul li .cot{ width:53%}

.cont2_left .img img{ width:90%}
.cont2_right ul li{ font-size:16px}
.cont2_right ul li .lisR{ height:175px}

.review_main{ width:100%; padding:0}
.review_main .lis .img_box{width:30%;}
.review_main .lis .txt{width:66%;}

.video-channel {width:100%;}

.ny_foot .ny_hotline{width:100%;border-right:none;}
.ny_foot .ny_support{width:100%; }
.ny_foot .ny_service{width:100%;border-left:none; }

.contact_map{ width:100%}
.contact_order{ width:100%; margin-top:20px}

.index_order .index_order_box .formbox .p1 span{width:25%; font-size:12px}
.index_order .index_order_box .formbox .p1 input{width:74%; font-size:12px}

}
@media (max-width:968px) {
	
.index__repro .inner {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index__videoo {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:20px}
.index__videoo .txt {width:100%;padding-right:0;margin-bottom:40px}
.index__videoo .img {width:100%;padding:0}
.index__part .inner {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index2-container-pro .item{ width:32%; margin: 0 0.5% 10px 0.5%;}

    .join1_sec{padding: 20px;}
    .join1_top{margin-bottom: 20px;}
    .join1_top .red{font-size: 14px;}
    .join1_main{ margin-bottom:20px;}
    .join1_main ul li .nr .left{width: calc(100% - 100px); padding: 20px 10px;}
    .join1_main ul li .nr .left .box1{margin-bottom: 0;}
    .join1_main ul li .nr .left .box1 h2{line-height: 25px; margin-bottom: 0; font-size: 16px; width:50%}
    .join1_main ul li .nr .left .box1 h3{display: none;}
    .join1_main ul li .nr .left .box2{display: none;}
    .join1_main ul li .xq{padding: 20px 10px;}
    .join1_main ul li .nr .right{width: 90px;}
    .join1_main ul li .nr .right a{width: 45px; height: 45px;line-height: 45px;font-size: 13px;}
	.join1_main ul li .nr .right a i{ font-size:28px}
	
	
.index__intro .icons{ width:100%}
.index__intro .icons dl dd{ float:left; width:33.3%}

.index4-container .swiper-slide{ height:90px}

.ny_box{padding:30px 0;}
.ny_left{ display:none}
.ny_right{ width:100%}

.pxq1_sec{ padding:30px}
.product__single-top{ display:block}
.product__single-toptxt {width:100%;padding-right:0px; overflow:hidden}
.product__single-topslide {width:100%;border: 1px solid #ccc;}
.product__single-toptxt .downlist .downlist_wz{ overflow:hidden}
.product__single-toptxt .downlist .downlist_wz p{ width:50%; float:left}
.product__single-toptxt .downlist .downlist_lb a{ padding-right: 4%;}
.slideTxtBox .bd ul{ font-size:14px !important}
.casedl dd{width:49%; margin-bottom:8px;}
.casedl dd .txt{ font-size:14px; height:30px; line-height:30px}

.ny_box02{padding-bottom:30px;}


.ny_supply_box .ny_pro_class_two{ display: block}

.loading_index{ padding:30px 20px}
.ny_crumbs_box{ margin-top:30px;}
.word_box li{padding:30px 0;}
.news__content-new-box{ display:none}


.cont2_right ul li{ width:100%;}
.cont2_right ul li .lisR{ height:inherit}

.honor1-container .item .img{ height:300px}

.pavilion-container{width:100%}
.index_order{ width:100%;}

.index_order .index_order_box .formbox .p1 span{ width:18%}
.index_order .index_order_box .formbox .p1 input{ width:78%}
}

@media (max-width:780px) {
.index__pro-list>ul>li .item .index_title{padding: 20px 0 0 20px;}
.pavilion-container .pavilion-inner .tabs{ width:100%}
.pavilion-container .tab-content-wrap{ width:100%}
.pavilion-container .col-box-wz{ height:380px}
.pavilion-container .col-box-img{height:380px}
.pavilion-container .tab-content-wrap{height:380px}

.sub_nav>ul>li{ width:100%; padding:0; margin:0;}
.sub_nav>ul>li>a{ font-size:18px}
.ny_flnav_box{ height:60px;line-height:60px; margin:0 auto}
.ny_flnav{ float:none; width:100%; display:none; position:relative; margin-bottom:10px; z-index:99 }
.ny_flnav li{ float:none; margin-right:0px; border-bottom:1px solid #ddd; text-align:center; line-height:50px; background:#f2f2f2}

#map_ny_nav{ text-align:center; display:block; cursor:pointer; display:block; }	
.sub_nav>ul{ display:none}	
.sub_nav{ padding:0}
.about_title{margin-bottom:20px;}

.ny_partner_box li{ width:49%; margin: 0 0.5% 10px 0.5%;}

.index2-container-pro ul li:last-child{ display:none}
.index__part .inner {margin:20px 0}

.cword_main dl dd{ width:48%; margin-bottom:10px;}

.down1_main .down1_main_bt b{width:12%;}
.down1_main ul li .fl{ width:37%}
.down1_main ul li .cot{ width:63%}
.product__single-toptxt .des{ margin-top:10px}
.video-channel li{ width:48%; margin:0 1%}
}
@media (max-width:668px) {
	.suspension{ display:none}
	.video-channel li{ width:100%}
.headerr .topicons{ width:inherit}
.headerr .topicons li:first-child{display:none}
.headerr .topicons li:nth-child(2){display:none}
.headerr .topicons li:nth-child(3){display:none}

.headerr .logo{ width:280px; height:40px; margin-left:10px}	


.index__repro {padding:20px 0 20px}
.index__repro .w .title b {font-size:24px}
.index__repro .w .title p {font-size:14px}
.index__repro .inner {margin-bottom:20px}

.index__videoo {padding:40px 0 20px}
.index__videoo .inner {margin-bottom:20px}

.index__part {padding:20px 0 20px}
.index__part .w .title b {font-size:24px}
.index__part .w .title p {font-size:14px}
.index__part .inner {margin:10px 0}

.index__banner{ height:400px}
.index2-container-pro .item{ width:49%; margin: 0 0.5% 5px 0.5%;}

.index__pro-list>ul>li .item_before .icon i{font-size:35px;}

.pavilion-container .col-box-wz{ height:220px}
.pavilion-container .col-box-img{ height:220px}
.pavilion-container .tab-content-wrap{ height:220px}
.pavilion-container .col-box-wz .con{ padding:5%;}
.pavilion-container .col-box-wz .font{font-size:14px;line-height:24px;margin-bottom:10px; margin-top:10px;}
.pavilion-container .col-box-wz .tit{ font-size:24px}

.index__czxs .txt{width:100%;}


.wel-case{padding:30px 0;}
.index__czxs{padding:30px 0;}

.index__intro .img .play{left: 40%;top: 30%;}

.index__news .inner_list{ width:100%; }
.in_news_hot_lb dd b{ width:78%}
.in_news_hot_lb dd span{ width:20%}

.index4-container .swiper-slide{ height:70px}

.index2-container-pro ul li:last-child{ display: block}
.index2-container-pro .item .txt{padding: 0px 10px;}
.index2-container-pro .item .txt h3{margin-top:10px; font-size:14px}

.index_title_tit{font-size: 16px;}
.index_title_tit a{ font-size:14px}

.pavilion-container .pavilion-inner .tabs dl p{ font-size:14px}
.index__czxs .inner_loop>ul>li a .txt02 b.t{ font-size:14px}
.in_news_hot_wz .bt b{ font-size:16px} 
.in_news_hot_lb dd b{ font-size:14px}

.w {padding-left: 10px;padding-right: 10px;}
.ny_box{padding:20px 0;}

.ny_pro_class_two{ margin-bottom:0px}
.ny_pro_class_two02 .one p{padding-left:5px;}
.ny_pro_class_two .class_three p{ width:50%; padding-left:5px;}
.ny_pro_class_two02 .class_three{ margin-bottom:0px}

.ny_crumbs{ display:none}
.pxq1_sec{padding:20px;}
.product__single-toptxt .downlist{padding-top:10px;}
.product__single-toptxt02 .downlist{padding-top:10px;}
.product__single-toptxt .downlist .downlist_wz p{ width:100%}
.product__single-toptxt .downlist .downlist_lb a{ font-size:14px;height:30px;line-height:30px; margin-bottom:0px;}
.product__single-topslide{ margin-top:10px}


.slideTxtBox .hd ul li{ width:33.3%;}
.slideTxtBox .hd{ height:inherit; line-height:inherit; position: static; overflow:hidden}
.slideTxtBox .hd ul{height:inherit; line-height:inherit; position: static; overflow:hidden}
.slideTxtBox .hd ul li{ height:60px; line-height:60px}
.slideTxtBox .bd{ padding:0}
.slideTxtBox .bd ul{ padding:0}

.loading_index{ padding:20px}
.case-channel li{width:99%;}

.ny_crumbs_box{ margin-top:20px;}
.word_box li{padding:20px 0;}

.down1_main .down1_main_bt b{width:19%; margin-left:0.5%; margin-right:0.5%;}
.down1_main ul li .fl{ width:100%}
.down1_main ul li .cot{ width:100%}

.cont2_right ul li .lisL{width: 105px;}
.cont2_right ul li .lisR{width: calc(100% - 105px);}
.cont2_right ul li{ font-size:14px}

.ny_sales_box li{ width:100%; margin:0; margin-bottom:15px;}
.review_main .lis .img_box{width:40%;}
.review_main .lis .txt{width:57%;}
.review_main .lis .txt h2{ font-size:16px; height:25px; line-height:25px; margin-bottom:5px;}
.review_main .lis .txt p{margin-bottom:5px;}
.review_main ul li{margin-bottom:10px;padding-bottom:10px;}

.ny_partner_box02 li{ width:50%}

.title01 b{font-size: 18px; line-height:25px}

.word_box li .nr img{ width:100% !important; height:inherit !important}
table{ width:100% !important}
.news__content-txt img{ width:100% !important; height:inherit !important}
}

@media (max-width:480px) {
.n_banner .m_bg{ height:300px}
.n_banner .txt b.t{ margin-top:50px}	
.sub_nav>ul>li>a{ font-size:16px}

.ny_bt{ margin-bottom:20px}
.intro__about02{ padding:30px}
.intro__about02 .w_col .inner .txt p{ font-size:14px}
.intro__about02 .w_col .inner{ padding:0}
.intro__about02{ height:420px}
.sub_nav>ul>li>a:after{height:0;line-height:0;}
.sub_nav>ul>li>a{border: 1px solid #f7f7f7;}
.ny_bt h5{ font-size:22px}
.about_title h5{font-size:22px}
.join1_sec .about_title span{ font-size:22px}

#container{ height:400px}
.contact_index .formbox input{ font-size:14px}
.contact_index .formbox .p2 textarea{ font-size:14px}

.contact_index .formbox p{ margin-bottom:0px}
.contact_index .formbox .btns{ margin-top:10px}
.contact_index .formbox .p2{ margin-top:10px}
.about_title{ margin-bottom:20px}

.honor1-container .item .img{ height:220px}
.honor2-container .item .img{ height:220px}
}

@media (max-width:375px) {
.index__intro .img .play{left: 38%; top: 25%;}
.index4-container .swiper-slide{ height: 60px;}
.headerr .logo{ width:250px; height:25px}

.product__single-top{padding-bottom:10px;}
.title01 b{font-size:20px;}

.cword_main dl dd .txt{ font-size:14px; height:30px; line-height:30px}
.review_main .lis .txt h2{margin-bottom:2px;}
.review_main .lis .txt p{margin-bottom:2px;}
}

@media (max-width:320px) {
.headerr .logo{width:220px; margin-left:5px}
.intro__about01{ padding:10px}
.intro__about01 .txt{ padding:0}
.intro__about02{ padding:10px}
.ny_bt{ margin-bottom:10px}
.intro__about02{ height:360px}
.title01 b{font-size:16px;}
.slideTxtBox .hd ul li{font-size:16px;height:50px; line-height:50px}
.slideTxtBox .hd ul li.on{ height:50px}
.ny_foot .ny_hotline li b{font-size:18px;}
.review_main .lis .txt h2{ font-size:14px}
.review_main .lis .txt p{font-size:12px}
.honor1-container .item .img{ height:160px}
.honor2-container .item .img{ height:160px}

.in_news_hot_wz{ height:200px}
.in_news_hot_wz .img img{ height:200px}
.in_news_hot_lb dd b{ width:70%}
.in_news_hot_lb dd span{ width:28%}
}