/* CSS Reset */
html{-webkit-text-size-adjust:none; }
@font-face{font-family:hs_l;src:url(http://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Light.ttf.txt)}
@font-face{font-family:hs_r;src:url(http://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Regular.ttf)}
@font-face{font-family:hs_m;src:url(http://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Medium.ttf.txt)}
@font-face{font-family:hs_b;src:url(http://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Bold.ttf.txt)}
@font-face {font-family: 'bebasneue';src: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/cssnew/BEBASNEUE-REGULAR.OTF.txt');font-weight: normal;font-style: normal;} 
.hs_l{font-family:hs_l}
.hs_r{font-family:hs_r}
.hs_m{font-family:hs_m}
.hs_b{font-family:hs_b}
@font-face {
	font-family:'Montserrat-Bold';
	src: url('http://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.eot.txt');
	src: url('http://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.woff.txt') format('woff'), url('http://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.ttf.txt') format('truetype');	font-weight: normal;
	font-style: normal;
}
.header-nav li{padding:0% 0 3.3% 0;     }
.header-language{top: -17px;}
@font-face {
  font-family: 'iconfont';  /* Project id 4698580 */
  src: url('//at.alicdn.com/t/c/font_4698580_cdhfeixkvns.woff2?t=1729132363065') format('woff2'),
       url('//at.alicdn.com/t/c/font_4698580_cdhfeixkvns.woff?t=1729132363065') format('woff'),
       url('//at.alicdn.com/t/c/font_4698580_cdhfeixkvns.ttf?t=1729132363065') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
@font-face {
	font-family:"DIN-BOLD";src:url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.woff2.txt") format("woff2"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.woff.txt") format("woff"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.ttf.txt") format("truetype"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.eot.txt") format("embedded-opentype"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.svg.txt") format("svg")}
	

body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;font-family:hs_r;}
header,nav,section,article,aside,footer {display: block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;}
input,select,textarea {border-radius: 0;outline: none;font-family:hs_r;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{color: #1a1a1a;font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
li {list-style:none}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:10px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #0067c2;}
::-webkit-scrollbar-thumb{background-color:#0067c2;box-shadow:inset 1px 1px 0 #0067c2,inset 0 -1px 0 #0067c2;}
.fl{ float:left;}
.fr{ float:right;}
b,em,i { font-style: normal}

.index-about{width: 100%;height: 100%;position: relative; color:#fff;}
.index-about .section-content{position: absolute;top:50%;transform: translateY(-50%);left: 10%;z-index: 11;}
.text-51{font-weight: 500; margin-bottom:1vw; /* overflow: hidden; */ font-size:3.3vw;  font-family: "DIN-BOLD";}
.text-51 span{display: block; opacity: 0; -webkit-transform:translateY(80px); transform:translateY(80px);}
.text-51 span{opacity: 1; -webkit-animation: slideUp .5s 0s both ease; animation: slideUp .5s 0s both ease; -webkit-animation-delay: .4s; animation-delay: .4s;}
.text-52{height:40px;  line-height:2vw; margin-bottom:1.6vw; font-weight:lighter; font-size:2vw; letter-spacing:-0.1vw;  font-family: "DIN-BOLD";}
.text-52 span{display: block; opacity: 0; -webkit-transform:translateY(80px); transform:translateY(80px);}
.text-52 span{opacity: 1; -webkit-animation: slideUp .5s 0s both ease; animation: slideUp .5s 0s both ease; -webkit-animation-delay: .4s; animation-delay: .4s;}


/* header */
.header {position:fixed;left: 0;top: 0;z-index: 99999100;width: 100%;transition:all .4s ease; }
.header-content {width:96%;height: 100px;margin: auto;position: relative;}
.header-logo {width:auto;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 11;}
.header-logo a {display: block;background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_1562207259.png') center no-repeat;background-size: 100%;  float: left;}
.header-logo img {opacity: 0;display: inline-block;width: auto;height: 2.86vw;}
.header-logo span1{ float:right; margin-left:10px; font-family: cursive;  color: #fff;  font-size: 1.4vw;}
.header-nav {position: absolute;right:0;top: 0;height: 100%;z-index: 1;text-align: center;}
.header-nav ul {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;}
.header-nav li{display: inline-block;vertical-align: middle;position: relative;   }
.header-nav .header-search i{filter: contrast(0) brightness(2);} 
.header-nav .header-search span{filter: contrast(0) brightness(2);} 
.header-right span{filter: contrast(0) brightness(2);} 
.header-nav li:nth-child(2) {position: static;}
.header-nav li::after {content: '';width: 5px;height: 10px;display: inline-block;vertical-align: middle;background: url('') center no-repeat;margin: 0 15px;opacity: .14;display: none;}
.header-nav li:last-child::after {display: none;}
.header-nav li a.n1{font-size: 16px;line-height: 100px;display: inline-block;position: relative; color:#fff;} 
.header-nav li a.n1 span{display: inline-block;line-height: normal;box-sizing: border-box;padding: 5px 1vw;}
.header-nav li a.n1:hover span,.header-nav li.cur a.n1 span,.header-nav li.on a.n1 span{background: #0067c2;color: #fff!important;}
.header-nav li.cur a.n1,.header-nav li a.n1:hover,.header-nav li.on a.n1 {color: #fff;} 
.header-nav li.cur a.n1 span,.header-nav li a.n1:hover span,.header-nav li.on a.n1 span{color: #000;} 
.header-right {display: inline-block;vertical-align: middle;}
.header-right div {display: inline-block;vertical-align: middle;}
.header-right a.cur{display: block;color: #000;text-align: center;}
.header-right i{display: inline-block;vertical-align: middle;width: 25px;height: 25px;position: relative;background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_1226166166.png') center no-repeat;}
.header-right span{display: inline-block;vertical-align: middle;margin-left:3px;font-size:13px;color: #000;}
.header-nav .header-search i{display: inline-block;vertical-align: middle;width: 25px;height: 25px;position: relative;background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_1226166166.png') center no-repeat;}
.header-nav .header-search a:hover i img{opacity: 0;}
.header-nav .header-search a:hover i {background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142928_290706986.png') center no-repeat;
}
.header-search i img{opacity: 0;}
.header-search a:hover i {background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142928_290706986.png') center no-repeat;}

.header-language {margin-left: 15px;position: relative;}
.header-language::before {content: '';width: 1px;height: 16px;background: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: .5;}
.header-language i{background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_296605504.png');}
.header-language a{padding: 0 0px 0 20px;color: #000;}
.black li a.n1{color: #222;}
.black .header-language i{filter: grayscale(0%) brightness(100%);}
.black  .header-language::before{ background: #000;}
.black .header-right span{filter: grayscale(0%) brightness(100%);}
.black .header-search span{filter: grayscale(0%) brightness(100%);}
.black .header-nav .header-search i{filter: grayscale(0%) brightness(100%);}
.scroll-down{ background:#fff;}
.scroll-down .header-search span{filter: grayscale(0%) brightness(100%);}
.scroll-down .header-search span{filter: grayscale(0%) brightness(100%);}
.scroll-down .header-nav .header-search i{filter: grayscale(0%) brightness(100%);}
.scroll-down .header-right span{filter: grayscale(0%) brightness(100%);}

.header-nav-menu {position: absolute;width: 140px;top: 100px;left:-50px;background: #fff;text-align: left;padding: 10px 15px 20px 15px;display: none;text-align: center;}
.header-nav-menu a {display: block;padding: 5px 0;font-size: 16px;color: #6f6f6f;}
.header-nav-menu a:hover {color: #0067c2;}
.header-nav .header-search span{display: inline-block;vertical-align: middle;margin-left: 5px;font-size:14px;color: #000;}
.header-nav li.cur .header-nav-menu {display: block;}
.header-nav-menu.product {position: fixed;width: 100%;left:0px;padding: 0;}
.header-nav-menu.about {position: fixed;width: 100%;left:0px;padding: 0;}
.header-nav-product-left {float: left;width:35%;position: relative;}
.header-nav-product-left .text {position: absolute;left: 50%;top: 15%;transform: translateX(-50%);z-index: 11;color: #fff;text-align: left;}
.header-nav-product-left .text .english-2 {text-transform: uppercase;}
.header-nav-product-left .img {background: #0067c2;}
.header-nav-product-right {float: left;width:65%;position: relative;}
.header-nav-product-content {padding: 2% 0 0 0;overflow: hidden;width: 80%;margin: auto;}
.header-nav-product-type {text-align: left;overflow: hidden;}

.header-nav-product-type a{padding: 18px 0px;display: block;float: left;width: 31%;margin: 0 3% 2% 0;position: relative;}
.header-nav-product-type a::before {content: '';width:70%;height: 2px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;z-index: 1;}
.header-nav-product-type a::after {content: '';transition:all .4s ease;width:0px;height: 2px;background: #0067c2;position: absolute;left: 0;bottom: 0;z-index: 3;}
.header-nav-product-type a:nth-child(3),.header-nav-product-type a:nth-child(6),.header-nav-product-type a:nth-child(9),.header-nav-product-type a:nth-child(12){margin: 0 0 2% 0;}
.header-nav-product-type .number-1{color: #999;}
.header-nav-product-type .title-7{margin-top: 3%; color:#000;}
.header-nav-product-type .icon-1{position: absolute;width: 17px;height: 10px;background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_1842326436.png') center no-repeat;right: 0;bottom: 30%;z-index: 11;filter:grayscale(100%);opacity: .5;}
.header-nav-product-type a:hover .title-7,.header-nav-product-type a:hover .number-1 {color: #0067c2;}
.header-nav-product-type a:hover .icon-1{opacity: 1;filter:grayscale(0);}
.header-nav-product-type a:hover::after {width: 70%;}
.header-nav-technical-support {margin-top: 2%;overflow: hidden;text-align: left;width: 100%;}
.header-nav-technical-support a{display: block;position: relative;color: #fff;padding: 15px 5%;overflow: hidden;background: #fff url('') no-repeat;font-size: 0;width: 48%;float: left;box-sizing: border-box;margin-right: 2%;border: 1px solid #ccc;}
.header-nav-technical-support .icon-1{display: inline-block;vertical-align: middle;width: 40px;height: 40px;position: relative;}
.header-nav-technical-support a:hover .icon-1{mix-blend-mode:color-dodge;filter: invert(1);}
.header-nav-technical-support .title-4{display: inline-block;vertical-align: middle;margin-left: 10px;color: #000;}
.header-nav-technical-support .more-1{font-size: 16px;padding-right: 0px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);color: #000;}
.header-nav-technical-support a:hover .title-4,.header-nav-technical-support a:hover .more-1{color: #fff;}
.header-nav-technical-support a:hover {background: #0067c2 url('') no-repeat;}
.header-nav-menu.about .header-nav-product-left {padding: 2%;width:40%;overflow: hidden;box-sizing: border-box;position: relative;}
.header-nav-menu.about .header-nav-product-left::after {content: '';width: 1px;height:80%;background: #ccc;position: absolute;right:0;top:50%;opacity: .3;transform: translateY(-50%);}
.header-nav-menu.about .header-nav-product-left .img {background: none;background-size: cover;width: 90%;}
.header-nav-menu.about .header-nav-product-left .img img {opacity: 0;display: block;width: 100%;height: auto;}
.header-nav-menu.about .header-nav-product-right {width:55%;height: 100%;}
.header-nav-technical-support a.button-1 {margin-right: 0;background: none;color: #000;border: 1px solid #ccc;}
.header-nav-technical-support a.button-1 .more-1 {color: #4a4a4a;}
.header-nav-technical-support a.button-1:hover .title-4,.header-nav-technical-support a.button-1:hover .more-1{color: #fff;}
.header-nav-technical-support a.button-1:hover {background: #0067c2;}

/*.header.black{ background:#fff;}*/
.scroll-down .header-logo span1{color: #000;}
.black .header-logo span1{color: #000;}
.scroll-down li a.n1{color: #222;}
.scroll-down a.cur{filter: grayscale(0%) brightness(100%);}
.scroll-top .header-language i{filter: grayscale(0%) brightness(100%);}
.scroll-down .header-language i{filter: grayscale(0%) brightness(100%);}
.scroll-top li a.n1{color: #222;}
.scroll-top .header-logo span1{color: #000;}
.scroll-top a.cur{filter: grayscale(0%) brightness(100%);}
.scroll-top img:nth-child(2){ display:block;} 
.scroll-down .name{ padding-left:94px;}
.scroll-top .name{ padding-left:94px;}
.name{filter: contrast(0) brightness(2);}
.scroll-down .name{filter: grayscale(0%) brightness(100%);}
.scroll-down .name a{margin-top:5px; padding:0 12px; box-shadow: 0 0 20px rgba(0,0,0,0.05); letter-spacing:0px;}
.scroll-top .name{filter: grayscale(0%) brightness(100%);}
.scroll-top .name a{margin-top:5px; padding:0 12px; box-shadow: 0 0 20px rgba(0,0,0,0.05); letter-spacing:0px;}
.scroll-top .header-language::before{ background: #000;}
.scroll-down  .header-language::before{  background: #000;}
.scroll-down .header-logo img{ }
.scroll-down .header-logo>a>p>span{ color:#000;}
.scroll-top .header-logo>a>p>span{ color:#000;}
.scroll-down .header-logo>a>p{color: #154bb3;}
.scroll-top .header-logo>a>p{color: #154bb3;}

.menu-toggle {display: block;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 3%;top:50%;z-index: 111;transform: translateY(-50%);display: none;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}
.header.scroll-top .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger:after,.header.scroll-top .menu-toggle span.hamburger:before{background: #000;}


/* index */
.index-swiper,.index-banner-swiper,.index-section {width: 100%;height: 100%;}
.index-swiper .index-pagination {right:3%;}
.index-swiper .index-pagination span{background: #fff;opacity: .5;margin:20px 0!important;width: 6px;height: 6px;position: relative;transition:all .4s ease;}
.index-swiper .index-pagination span::before {content: '';width: 10px;height: 10px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;border-radius: 100%;transition:all .4s ease;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active {opacity: 1;background: none;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active::before {opacity: 1;}
.index-swiper .index-pagination.cur span {background: #000;opacity: .2;}
.index-swiper .index-pagination.cur span.swiper-pagination-bullet-active {background: none;opacity: 1;}
.index-swiper .index-pagination.cur span::before {border: 2px solid #0067c2;}
.index-swiper .index-pagination.cur span.swiper-pagination-bullet-active::before {opacity: 1;}
.end-slide {height: 558px;}

.index_banner .txt{width:90%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center; z-index: 999;}
.index_banner .txt h2{font-size:4.2vw;color:#fff;text-transform:uppercase;line-height:90px; padding:2% 0 1% 0;  text-shadow: 5px 0 10px rgba(0,0,0,.3); font-family:"DIN-BOLD";}
.index_banner .txt p{font-size:22px;color:#fff; font-family:hs_l;}
.index_banner .txt .morelink{margin-top:40px;min-width:130px;margin-left:10px;margin-right:10px;color:#fff;}
.index_banner .txt .morelink i{font-size:20px;line-height:30px;margin-right:8px;display:inline-block;vertical-align:top;}
.index_banner .txt .morelink:hover{color:#fff;}

.index_banner{width:100%; overflow:hidden;z-index:1;top:0;left:0;position: relative; height:100%;}
.index_banner.mb{display:none;}
.index_banner .swiper-slide{}
.index_banner .swiper-slide:nth-child(1):before{content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 5;}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover; margin-top:5px;}
.index_banner .swiper-slide video{display:block;width:100%;height:100%;object-fit:cover; position: relative;}
.index_banner .swiper-pagination-bullets{bottom:210px !important;height:37px;font-size:0;-webkit-text-size-adjust:none;}
.index_banner .swiper-pagination-bullet{opacity:1;width:20px;height:32px;margin:0 5px!important;position:relative;border-radius:0;background:transparent;padding-bottom:13px;vertical-align:top;overflow:hidden;}
.index_banner .swiper-pagination-bullet .line{width:0;height:2px;position:absolute;left:0;bottom:0;background:#00f;z-index:2;}
.index_banner .swiper-pagination-bullet:after{content:'';width:12px;height:12px;position:absolute;left:0;bottom:0;background:#a9a4a5;z-index:1;border-radius: 50px;}
.index_banner .swiper-pagination-bullet .sw_p{font-size:0px;height:22px;line-height:22px;color:#FFF;text-align:left;position:relative; font-weight:100;text-align: center; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.boyh .txt{width:90%;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center; z-index: 999;}
.boyh .txt h2{font-size:4.2vw;color:#fff;text-transform:uppercase;line-height:90px; padding:17% 0 1% 0;  text-shadow: 5px 0 10px rgba(0,0,0,.3); font-family:hs_l;}
.boyh .txt p{font-size:27px;color:#fff; line-height: 38px; font-family: hs_l;}
.boyh .txt .morelink{margin-top:25px;min-width:180px;margin-left:10px;margin-right:10px; font-size:15px; letter-spacing:1px;color:#fff;}
.boyh .txt .morelink i{font-size:20px;line-height:30px;margin-right:14px; margin-top:6px; display:inline-block;vertical-align:top;}
.boyh .txt .morelink:hover{color:#fff;}
.btn-3{position: relative;z-index: 1;overflow: hidden;}
.morelink{display: inline-block;position: relative;font-size: 18px;line-height: 30px;color: #fff;padding: 9px 24px;background-color: #0067c2;border: 1px solid #0067c2;border-radius: 6px;text-transform: capitalize;transition: all 0.3s;}


@keyframes circleright {
	0% {transform: rotate(135deg);}
	50%,100% {transform: rotate(315deg);}
}
@keyframes circleleft {
	0%,50% {transform: rotate(135deg);}
	100% {transform: rotate(315deg);}
}


.title-1 {font-size: 50px;font-weight: 900;}
.title-2 {font-size: 30px;font-weight: 500;}
.title-3 {font-size: 16px;font-weight: 400;}
.title-4 {font-size: 20px;font-weight: 400;}
.title-5 {font-size: 26px;font-weight: 900;}
.title-6 {font-size: 24px;font-weight: 500;}
.title-7 {font-size: 18px;font-weight: 500;}
.title-8 {font-size: 22px;font-weight: 500;}
.title-9 {font-size: 34px;font-weight: 500;}
.title-10 {font-size: 60px;font-weight: 900;}
.title-11 {font-size: 32px;font-weight: 500;}
.title-12 {font-size: 28px;font-weight: 500;}
.title-13 {font-size: 52px;font-weight: 500;}
.title-14 {font-size: 14px;font-weight: 500;}
.title-15 {font-size: 40px;font-weight: 900;}
.text-1 {font-size: 22px;}
.text-2 {font-size: 16px;line-height: 26px;}
.text-3 {font-size: 34px;line-height: 44px;font-weight: 900;}
.text-4 {font-size: 15px;line-height: 26px;}
.text-5 {font-size: 40px;line-height: 50px;font-weight: 900;}
.text-6 {font-size: 18px;line-height: 28px;}
.text-7 {font-size: 24px;line-height: 34px;}
.text-8 {font-size: 26px;line-height: 34px;}
.text-9 {font-size: 16px;line-height: 24px;}
.text-14 {font-size: 14px;line-height: 20px;}
.number-1 {font-size: 14px;font-family: 'Montserrat-Light';}
.number-2 {font-size: 60px; }
.number-3 {font-size: 80px;line-height: 80px;font-family: 'Montserrat-Light';}
.number-4 {font-size: 16px;font-family: 'Montserrat-Light';}
.number-5 {font-size: 40px;font-weight: 600;}
.entitle-1 {font-size: 50px;font-family: 'Montserrat-Bold';}
.english-1 {font-size: 14px;font-family: 'Montserrat-Light';}
.english-2 {font-size: 30px;font-family: 'Montserrat-Bold';}
.english-3 {font-size: 200px;font-family: 'Montserrat-Bold';}
.type-1 {font-size: 14px;}
.date-1 {font-size: 12px;font-family: 'Montserrat-Light';}
.line-1 {width: 50px;height: 3px;margin: 20px 0;background: #fff;}
.line-2 {position: relative;width: 100%;height: 2px;margin: 30px 0;}
.line-2::before,.line-2::after {content: '';height: 2px;background: #fff;position: absolute;left: 0;top: 0;}
.line-2::before {background: #fff;width: 20%;z-index: 1;}
.line-2::after {background: #6db85d;width: 100%;}
.line-3 {width: 27px;height: 3px;margin: 30px auto;background: #0067c2;}
.line-4 {width: 22px;height: 4px;margin: 20px 0;background: #ededed;}
.viewmore-1 {margin-top: 5%; font-size:18px}
.viewmore-1 i{display: inline-block;vertical-align: middle;width: 48px;height: 48px;border: 1px solid #fff;border-radius: 100%;margin-right: 15px;background: url('') center no-repeat;}
.viewmore-1 span{display: inline-block;vertical-align: middle;font-size: 16px; font-family:hs_b;}
.viewmore-1 a:hover span{color: #0067c2;}
.viewmore-1 a:hover i {background: #0067c2  url('') center no-repeat;border: 1px solid #0067c2;}
.viewmore-2 {margin-top: 5%;}
.viewmore-2 i{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border: 2px solid #0067c2;border-radius: 100%;margin-right: 10px;background: url('') center no-repeat;position: relative;transition:all .4s ease;}
.viewmore-2 i::before,.viewmore-2 i::after {content: '';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);background: #0067c2;}
.viewmore-2 i::before {width: 10px;height: 2px;}
.viewmore-2 i::after {width: 2px;height: 10px;}
.viewmore-2 span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Light';color: #0067c2;}
.viewmore-2 a:hover i{transform: rotate(180deg);}
.viewdetails-1 {margin-top: 5%;}
.viewdetails-1 span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Light';color: #999;}
.viewdetails-1 i{display: inline-block;vertical-align: middle;width: 14px;height:10px;margin-left: 15px;background: url('') center no-repeat;opacity: .5;display: none;}
.detail-2 {margin-top:2%;font-size: 0;}
.detail-2 span{display: inline-block;vertical-align: middle;font-size: 16px;color: #999;}
.detail-2 i {display: inline-block;vertical-align: middle;width: 14px;height:9px;margin-left: 10px;/*background: url('../../application/images/r1.png') center no-repeat;*/filter: grayscale(100%);opacity: .5;}


.index-product {width: 100%;height: 100%;position: relative;}
.section-content {width: 80%;margin: auto;overflow: hidden;position: relative;}
.index-product .section-content {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;}
.index-product-left{float: left;width: 37%;}
.index-product-left .text-2  {color: #666;margin-top: 5%;}
.index-product-nav{margin-top: 5%;}
.index-product-nav a{display: block;position: relative;border-bottom: 1px solid #ededed;padding: 4% 0;overflow: hidden;}
.index-product-nav span{font-size: 20px;}
.index-product-nav i{display: block;font-style: normal;font-size: 16px;color: #999;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-family: 'Montserrat-Light';}
.index-product-nav a.cur {border-bottom: 1px solid #0067c2;}
.index-product-nav a.cur span,.index-product-nav a.cur i{color: #0067c2;}
.index-product-left .viewmore-2 {margin-top: 9%;}
.index-product-right {float: right;width: 57%;}
.index-product-swiper {width: 100%;height: 100%;}
.index-product-swiper .img{position: relative;}

.index-application-swiper{width: 100%;margin: 0 auto;height: auto; position: relative;overflow: hidden;}
.index-application-swiper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;



    -ms-background-size: 2px;
    left: 0;
    top: 0;
    z-index: 6;
}
.index-application {width: 100%;height: 100%;position: relative;}
.index-application .section-content {height: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-application .title {position: absolute;top: 20%;left: 0;width: 100%;color: #fff;}
.index-application .text-3 {margin-top: 2%;}
.index-application .text-3 p {margin: 0;padding: 0;}
.index-application-nav {position: absolute;width: 100%;left:0;bottom: 10%;font-size: 0;}
.index-application-nav a{display: inline-block;vertical-align: top;width: 19.111%;margin-right:1%;text-align: left;border: 1px solid rgba(255,255,255,.2);box-sizing: border-box;color: #fff;position: relative;}
.index-application-nav a:last-child {margin-right: 0;}
.index-application-nav .number-1 {position: absolute;left: 10%;top: 10%;}
.index-application-nav .text{position: absolute;left: 10%;bottom: 10%;}
.index-application-nav .english-1 {opacity: .6;}
.index-application-nav .pic img{opacity: 0;}
.index-application-nav a.cur {background: #0067c2;}
.index-application-nav a.cur .english-1 {opacity: 1;}
.index-application-nav a.cur img {opacity: 1;}
.index-application-nav.num5 a{width: 19.111%;}
.index-application-nav.num6 a{width: 16%;}
.index-application-nav .index-application-nav-swiper a{width: 100%;}
.iapplication-prev,.iapplication-next {transition:all .4s ease;width: 50px;height: 50px;border: 1px solid rgba(255,255,255,.5);border-radius: 100%;top: 50%;margin-top: -25px;}
.iapplication-next::after,.iapplication-prev::after {color: #fff;font-size: 12px;}
.iapplication-prev {left: auto;right: 70px;}


.index-about {position: relative;}
.index-about-content {color: #fff;}
.index-about-top {position: absolute;left:10%;top:18.6%;z-index: 11;width: 34%;}
.xworld-title {overflow: hidden; font-family: "Microsoft YaHei";}
.xworld-title .text-1{color: #fff;opacity: .9;font-weight: bold;}
.xworld-title .title-1{color: #fff;font-weight: 900;margin-top: 2rem;}
.index-about-left {position: absolute;left:10%;bottom:8.2%;z-index: 11;width: 40%;}
.index-about-item {float: left;width:38%;}
.font17 {font-size: 1.7rem;}
.index-about-item .text-1{color: #fff; font-size:18px; margin-top:45%; font-family: hs_l;}
.index-about-item .data-1 {margin-top: 0;}
.index-about-item .data-1 strong,.index-about-item .data-1 sub {font-weight: normal; font-family: "DIN-BOLD";}
.index-about-item .data-1 strong{color: #fff; font-size:3.8vw; float:left; line-height:4.7vw; padding-right:7px; font-family: 'Montserrat-Bold';}
.index-about-item .data-1 sub{color: #fff; font-size:15px; font-weight: normal;}
.index-about-right {position: absolute;right:10%;bottom:10%;z-index: 11;width: 30%;}
.index-about-right .text-1{ font-size:16px; line-height:28px; font-family:hs_l;}
.index-about-right .text-1 a{font-size:17px; color: #fff; }
.index-about-right .more-1 {margin-top: 4rem;}
.about-mark {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
.about-mark i {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;display: block;}
.about-mark i,.index-about-content .pic {background-size: 100%;background-position: center bottom ;background-repeat: no-repeat;}
.index-about-content .img{background-image:url('../upload/bg1.jpg');}
.about-mark i{background-color: #60676f;}
.index-swiper .swiper-slide .index-about-top,.index-swiper .swiper-slide .index-about-left,.index-swiper .swiper-slide .index-about-right {opacity: 0;transition:all 1s ease;transition-delay: .8s;}
.index-swiper .swiper-slide-active .index-about-top,.index-swiper .swiper-slide-active .index-about-left,.index-swiper .swiper-slide-active .index-about-right {opacity: 1;}
.index-swiper .swiper-slide .about-mark i{height: 0%;transition:all 1s ease;transition-delay: .3s;}
.index-swiper .swiper-slide-active .about-mark i{height: 100%;}


.play-1 {overflow: hidden;display: inline-block;vertical-align: middle; margin-top: 4rem; margin-left:1.9rem; border-radius: 100%;}

.play-1 a {display: block;position: relative;width:49px;height:49px;border: 2px solid #0067c2;border-radius: 100%;}
.play-1 i {width: .9rem;height: 1.4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_452086596.png') center no-repeat;background-size: 100%;z-index: 10;}
.play-1 a:hover {background: #0067c2; border: 2px solid #0067c2;}
.play-1 a:hover i {filter: contrast(0) brightness(2);}

.more-1 {margin-top: 2%;}
.more-1 a,.more-1 strong {display: inline-block;width:160px; border-radius:30px;;background: #0067c2;border: 2px solid #0067c2;font-size: 0; line-height:48px;text-align: center;font-weight: normal;}
.more-1 i,.more-1 span {display: inline-block;vertical-align: middle; font-size:15px;}
.more-1 a{box-shadow: 0px 0px 80px 0px rgba(35, 171, 172, 0.5);}
.more-1 i {width:18px;height: 1.6rem;background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/cssnew/rd.svg') center no-repeat;background-size: 100%;margin-right: 1rem;filter: grayscale(1) brightness(4);}
.more-1 span  {color: #fff;}
.more-1 a:hover {background:#b42328;border: 2px solid #b42328;}
.more-1 a:hover span  {color: #fff;}
.more-1 a:hover i {filter: grayscale(1) brightness(4);}
.font14 {font-size: 1.4rem;}

.index-news {width: 100%;height: 100%;position: relative;background:url(http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_1307953838.jpg);     background-size: cover;}
.index-news .section-content  {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-news-top {position: relative;padding-bottom:4%;}
.index-news-top .title{position: relative;overflow: hidden;}
.index-news-top .viewmore-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-top:0;} 
.index-news-top .viewmore-1 a i {border: 1px solid #0067c2;background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_147196789.png') center no-repeat;}
.index-news-top .viewmore-1 a span {color: #0067c2;}


/*gytitl*/
.gytitl{text-align: left;} 
.gytitl>p{font-family:'mor';font-size:60px;line-height: 60px;color:#eee;letter-spacing: 10px;}
.gytitl b{font-size: 46px;line-height: 46px;color: #333;display: block;margin-top: -53px;} 
.gytitl b span{color: #0067c2;}
.gytitl div{color: #666;font-size: 24px;line-height: 24px;padding-top: 16px;} 



/*products*/
.pro_tab .prolist2021{width:100%;}
.pro_tab ul{display: flex;/*flex-wrap: wrap;*/justify-content: space-between;}
.pro_tab ul li{text-align: center;background: #fff;height:50px;line-height:50px; border-top: 0.2vw solid #fff; position: relative; margin-top:5.3%; margin-right:0.2%; width:25%;}
.pro_tab ul li.on{background:#0067c2; border-top: 0.2vw solid #b42328;}
.pro_tab ul li.on a{color:#fff;}
/*.pro_tab ul li:nth-child(6){display: none;}*/
.pro_tab ul li a{font-size:0.9vw;color: #333;display: flex;align-items: center;justify-content: center;height: 100%;}
.pro_tab ul li:hover{background: linear-gradient(120deg,#0067c2 10%,#0067c2 80%);color: #fff;}
.pro_tab ul li:hover a{color: #fff;}
.pro_tab ul li dl{position: absolute;top: 45px;left: 0;width: 100%;height: 45px;z-index: 2;}
.pro_tab ul li dl a{display: block;background: #666;height: 50px;line-height: 45px;color: #fff;transition: all .3s;font-size: 15px;}
.pro_tab ul li:hover dl{transform: rotateX(0deg);}
.pro_tab ul li dl{transition: all .5s;transform: rotateX(
90deg
);transform-origin: top;}
.pro_tab ul li dl a:hover{background: #0067c2;}
.pro_tab{display: flex;justify-content: space-between;align-items: center;margin: 50px 0 45px 11px;}
a.pro_btn{font-size: 16px;color: #707070;width: 102px;height: 42px;line-height: 42px;text-align: center;background: #fff;}
.pro_bc{padding: 70px 0;position:relative;}

.pro_ic  table,.pro_ic table tbody{width: 100%;display: block;flex-shrink: 0; display: flex;}

.pro_ic tr td{flex-shrink: 0;width:24%;margin:0 0 0;padding:0 0.5% 0 0.5%; transition:all .5s;/*border: 1px #eee sotr tdd;*/ }
.pro_ic tr td:hover{transform: translateY(-10px);}
.pro_ic tr td>a img{width: 100%;height: auto; padding-top:1%;}
.pro_c{overflow: hidden;}
.pro_ic>div{flex-shrink: 0;width: 100%;}
.pro_ic{display: flex;position: relative;transition:all .5s;}

.pro_ic tr td br{display: none;}
.pro_ic tr td>a{display: block;}
.pro_ic tr td div{ padding-top:0px !important;}
.pro_ic tr td div a{display: block;font-size:0.8vw; line-height:60px; padding-bottom:10px; position: relative; color:#000; background:#fff; overflow: hidden;
    text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  word-break: break-all;}
.pro_ic tr td:hover div a{ color:#0067c2; font-weight:bold;}

.pro_bb{position: relative;}
.pro_num{display: none;}
.pro_num.on{display: block;}
.pro_num>span{font-size: 24px;color: #fff;display: block;z-index: 999;cursor: pointer;background: #0067c2;width: 57px;height: 57px;text-align: center;line-height: 57px;}
.pro_num>.pro_prev{position: absolute;bottom: 0;left: 51%;transform: rotate(180deg);margin-left: -75px;}
.pro_num>.pro_next{position: absolute;bottom: 0;right: 51%;margin-right: -75px;background:#FFF;color:#0067c2;}


.page-product {padding: 5% 0 2% 0;overflow: hidden;background: #f8f8f8;}
.page-product .title-9 {text-align: center;}
.page-product-list {margin-top: 3%;}
.product-item {float: left;width: 32.5%;margin-right: 1%;margin-bottom: 1%;}
.product-item a {display: block;overflow: hidden;}
.product-item a:hover {box-shadow: 0px 0px 50px 0px rgba(136, 136, 136, 0.2);}
.product-item.mr0 {margin-right: 0;}
.product-item .img{background: none;}
.product-item .text {overflow: hidden;padding: 5% 5%;background: #fff;}
.product-item .text .title-8{position: relative;padding: 2% 0;border-bottom: 1px solid transparent;}
.product-item .text .title-8::after {content: '';width: 17px;height: 10px;background: url('http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_1842326436.png');top: 50%;z-index: 11;transform: translateY(-50%);position: absolute;right: 5%;transition:all .4s ease;opacity: 0;display: none;}
.product-item .text .text-2{color: #999999;padding: 1% 0;min-height: 49px;}
.product-item a:hover .pic {transform: scale(1.05);}
.product-item a:hover .title-8{color: #0067c2;}
.product-item a:hover .title-8::after {right: 0;opacity: 1;}

.product-title {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;text-align: center;color: #fff;}
.product-title .title {position: relative;}
.product-title .title .title-10{position: absolute;left: 0;bottom: 0;width: 100%;}
.product-title .title .english-3{text-transform: uppercase;line-height: 170px;}
.product-title .title .english-3 span {opacity: .1;}
.product-title .title-7{margin-top: .5%;}
.product-title .linkurl-1 {margin-top: 2%;}
.product-title .linkurl-1 a {width: 160px;line-height: 60px;text-align: center;background: #0067c2;color: #fff;font-size: 16px;display: block;margin: auto;}
.product-date {margin-top: 5%;}
.product-date li{list-style: none;display: inline-block;vertical-align: middle;position: relative;overflow: hidden;padding: 0 3%;}
.product-date li::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.product-date li:last-child::after {display: none;}
.product-date h3{font-weight: normal;margin: 0;padding: 0;display: block;}
.product-date strong{font-weight: normal;margin: 0;padding: 0;display: inline-block;vertical-align: middle;font-size: 36px;font-family: 'Montserrat-Light';}
.product-date sub{display: inline-block;vertical-align: middle;font-size: 18px;font-family: 'Montserrat-Light';margin-top: 8px;margin-left: 10px;}
.product-date p{display: block;font-size: 16px;opacity: .6;padding: 5px 0;margin: 0;}
.product-date.num4 li {width: 7%;}      

.page-product-characteristic {background: #f7f7f7;padding: 7% 0;overflow: hidden;}
.product-characteristic-top{overflow: hidden;position: relative;}
.product-characteristic-top .title{position: relative;}
.product-characteristic-bottom {margin-top: 4%;overflow: hidden;}
.product-characteristic-swiper {position: relative;}
.product-characteristic-swiper .img{background: #fff;position: relative;}
.product-characteristic-swiper .img img {opacity: 0;transform: scale(2);}
.product-characteristic-swiper .text {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 11;text-align: center;}
.product-characteristic-swiper .text .icon-1{position: relative;border: 2px solid #e8e8e8;border-radius: 4px;width: 88px;height: 88px;margin: auto;}
.product-characteristic-swiper .text .title-8{line-height: 20px;}
.product-characteristic-swiper .img::before {content: '';width: 100%;height: 4px;background: #0067c2;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.product-characteristic-swiper .swiper-slide * {transition:all .4s ease;}
.product-characteristic-swiper .swiper-slide:hover .img::before{height: 100%;opacity: 0;}
.product-characteristic-swiper .swiper-slide:hover .img {background: #0067c2;}
.product-characteristic-swiper .swiper-slide:hover .img img {opacity: 1;transform: scale(1);}
.product-characteristic-swiper .swiper-slide:hover .icon-1 img{filter: invert(100%);}
.product-characteristic-swiper .swiper-slide:hover .title-8 {color: #fff;}
.product-characteristic-swiper .swiper-slide:hover .line-3  {background: #fff;}
.characteristic-prev,.characteristic-next {left: auto;right: 0;width: 50px;height: 50px;margin-top: -25px;border-radius: 100%;background: #fff;transition:all .4s ease;}
.characteristic-prev::after,.characteristic-next::after {font-size: 12px;color: #000;}
.characteristic-prev {right: 60px;}
.characteristic-prev:hover,.characteristic-next:hover {background: #d9b982;}
.characteristic-prev:hover::after,.characteristic-next:hover::after {color: #fff;}

.page-product-application {padding: 7% 0;overflow: hidden;}
.page-product-application .section-content{width: 100%;}
.product-application-left {float: left;width: 50%;}
.product-application-swiper {overflow: hidden;}
.product-application-swiper .swiper-slide-active .img .pic{animation: fangda2 4000ms 1 ease forwards;}
.product-application-right {float: left;width: 36%;padding-left: 5%;position: relative;}
.product-application-right .title .entitle-1 {margin-top: 5%;}
.application-list {overflow: hidden;padding: 3% 0;margin-top: 5%;}
.application-item {float: left;width: 48%;margin-right: 1.5%;margin-bottom: 1.5%;}
.application-item.mr0 {margin-right: 0;}
.application-item a{display: block;border: 1px solid #f4f4f4;position: relative;overflow: hidden;cursor: pointer;}
.application-item .title{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.application-item .number-4{position: absolute;left: 10%;top: 15%;width: 80%;}
.application-item .title-4{position: absolute;left: 10%;bottom: 15%;width: 80%;}
.application-item .img {background: #fff;}
.application-item img{opacity: 0;}
/* .application-item a:hover .title-4,.application-item a:hover .number-4{color: #fff;}
.application-item a:hover img{opacity: 1;}
.application-item a:hover .img {background: #0067c2;} */
.application-item.cur .title-4,.application-item.cur .number-4{color: #fff;}
.application-item.cur img{opacity: 1;}
.application-item.cur .img {background: #0067c2;}

.page-product-download {background: #f7f7f7;padding: 7% 0;overflow: hidden;}
.product-download-top{overflow: hidden;position: relative;}
.product-download-top .title{position: relative;}
.product-download-bottom {margin-top: 4%;overflow: hidden;}
.product-download-swiper {position: relative;}
.product-download-swiper a{display: block;position: relative;overflow: hidden;}
.product-download-swiper .title {position: absolute;left: 10%;top: 15%;width: 80%;z-index: 11;}
.product-download-swiper .type-1 {color: #0067c2;}
.product-download-swiper .title-6 {margin-top: 3%;}
.product-download-swiper .download-1 {position: absolute;left: 10%;bottom: 15%;z-index: 11;padding-right: 30px;background: url('../../product/images/d.png') right center no-repeat;}
.product-download-swiper .img {background-color: #fff;position: relative;}
.product-download-swiper .img::before{content: '';background: url('../../product/images/pdf.png') center no-repeat;background-size: 100%;position: absolute;left: 25%;top: 0;width: 100%;height: 100%;z-index: 10;transition:all .4s ease;}
.product-download-swiper .img img{opacity: 0;}
.product-download-swiper a:hover .img::before{background-size: 60%;}
.product-download-swiper a:hover .title-6 ,.product-download-swiper a:hover .download-1 {color: #0067c2;}

.page-product-detail-pic {overflow: hidden;}
.page-product-detail-pic img {display: block;max-width: 100%;height:auto;}

.page-product-specifications {padding: 5% 0;overflow: hidden;}
.page-product-specifications-top {text-align: center;}
.page-product-specifications-bottom {padding-top: 5%;font-size: 22px;color: #999999;}
.page-product-specifications-bottom img {display: block;max-width: 100%;height:auto;}


.page-data-parameter {padding: 5% 0;background: #fff}
.page-data-parameter .section-content {overflow: hidden;}
.parameter-bottom-pic {position: relative;overflow: hidden;padding: 3% 0;}
.parameter-bottom-pic img{max-width: 100%;height: auto;width: auto;}




.page-market-layout {padding: 5% 0;overflow: hidden;}



.bg1 {background: #f7f7f7;}

.page-news-detail {padding: 5% 0;overflow: hidden;}


/*°é*/
.index_news_row2{ margin-top:0px;}
.index_news{width: 100%;height: 610px; }
.index_news_row1{text-align: center;padding: 0 0 40px;display: block;}
.index_news_row1 strong{font-size: 36px;color: #343434;line-height: 50px;font-weight: normal;display: block;position:relative;}
.index_news_row1 strong:after{content: '';display: block;background: url() no-repeat center;width: 12px;height: 12px;position: absolute;left: 778px;top: 5px;}
.index_news_row1 p{font-size: 24px;color: #c7c7c7;line-height: 30px;}
.index_news_row2 .index_news_r2_in:first-child{margin-left: 0;}
.index_news_r2_in{width:32%;height: 480px;float: left;margin-left:2%;}
.index_news_row2 .index_news_r2_in img{width: 100%; transition: 0.3s all ease;transform: scale(1); border-radius:1vw 1vw 0 0;}
.index_news_row2 .index_news_r2_in:hover img{transform: scale(1.05);}
.index_news_r2_in3{width:32%;height: 480px;float: left;margin-left:2%;}
.index_news_r2_in2{background: #0067c2;  border-radius:1vw}
.index_news_r2_in p{padding:37px; background:#fff; transition: 0.3s all ease;position: relative;overflow:hidden; border-radius:0 0 1vw 1vw;}
.index_news_r2_in p:after{content: '';display: block;background: #0067c2;background: -moz-linear-gradient(45deg, #0067c2 0%, #0074c4 100%);background: -webkit-linear-gradient(45deg, #0067c2 0%,#0074c4 100%);background: linear-gradient(45deg, #0067c2 0%,#0074c4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0067c2', endColorstr='#0074c4',GradientType=1 );width: 100%;height: 100%;position: absolute;left: 0;top: -100%;opacity:0;transition:.3s all ease;}
.index_news_r2_in:hover p:after{opacity: 1;top: 0;}
.index_news_r2_in p *{position:relative;z-index: 3;transition: 0.3s all ease;}
.index_news_r2_in p strong{font-size:18px; font-weight:bold; line-height: 30px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;clear: both;padding: 15px 0 0; color: #1a1a1a;}
.index_news_r2_in p .small{font-size:15px;color:#777;line-height: 25px;padding: 10px 0 0;display: block;font-weight: lighter;}
.index_news_r2_in p .cate{display: block;float: left;color: #0067c2; font-weight:bold; line-height: 20px; display:none;}
/*.index_news_r2_in p .date{float: right;}*/
.index_news_r2_in p .date em{color:#999;font-style: normal;font-size: 13px;line-height: 20px;float: left;}
.index_news_r2_in p .date:after{content:'';clear:both;display:block;}
.index_news_r2_in:hover p strong{color: #fff}
.index_news_r2_in:hover p .small{color: #fff;opacity: 0.6}
.index_news_r2_in:hover p .date em{color:#fff;opacity: 0.4}
.index_news_r2_in:hover p .cate{color:#fff;opacity: 0.4}
.index_news_r2_in b{display: block;width: 100%;height: 280px;overflow: hidden;position: relative;  border-radius:1vw 1vw 0 0;}
.index_news_r2_in b:before{background: url() no-repeat center;width: 50px;height: 50px;content: '';display: block;position: absolute;top: 50%;left:50%;z-index: 3;margin-left: -25px;margin-top: -25px;transform: scaleY(0);opacity: 0;transition:0.3s all ease}
.index_news_r2_in:hover b:before{opacity: 1;transform: scaleY(1);}
/*.index_news_r2_in b:after{content: '';display: block;width: 100%;height: 100%;background: rgba(239,150,189,0.45);position: absolute;top: 0;left: 0;opacity:0;transition: 0.3s all ease; border-radius:1vw 1vw 0 0;}*/
.index_news_r2_in2{position: relative;}
.index_news_r2_in2 p{ background:none !important;}
.index_news_r2_in2:hover p:after{ background:none !important; }
.index_news_r2_in2 p:after{ background:none !important;}
.index_news_r2_in2:before{content: '';display: block;width:36px; color: #fff; height:36px;position: absolute;background:url(http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_1278275000.png) right no-repeat; bottom:40px; left:40px;}

.index_news_r2_in2 p .date em{ color:#fff;}
.index_news_r2_in2 p strong{ color:#fff;}
.index_news_r2_in2 p .small{ color:#fff;}


.index_news_r2_in:hover b:after{opacity: 1}
.index_news_r2_i3_item{display: block;width: 100%;margin-top:46px;position: relative;}
.index_news_r2_i3_item:before{content: '';display: block;width:20px; color: #999; height:12px;position: absolute;background:url(http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142929_2009785382.png) right no-repeat;left: 215px;bottom:10px;/*-webkit-filter: grayscale(100%);filter: grayscale(100%);*/}
.index_news_r2_i3_item:hover:before{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.index_news_r2_i3_item img{width: 192px;display: block;height: 129px; border-radius: 1vw;}
.index_news_r2_i3_item:after{display: block;content: '';clear: both;}
.index_news_r2_i3_item:first-child{margin-top: 0;}
.index_news_r2_i3_item p{font-size:15px;line-height: 23px; font-weight:lighter; color:#999;display: block;height: 90px;overflow: hidden;padding: 0px 0px 0 25px;}
.index_news_r2_i3_item i{width: 192px;float: left;height: 129px;display: block;position: relative;}
.index_news_r2_i3_item i:after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,103,194,0.45);position: absolute;top: 0;left: 0;opacity:0;transition: 0.3s all ease; border-radius: 1vw;}
.index_news_r2_i3_item:hover i:after{opacity: 1}
.index_news_r2_i3_item i:before{background: url() no-repeat center;width: 50px;height: 50px;content: '';display: block;position: absolute;top: 50%;left:50%;z-index: 3;margin-left: -25px;margin-top: -25px;transform: scaleY(0);opacity: 0;transition:0.3s all ease}
.index_news_r2_i3_item:hover i:before{opacity: 1;transform: scaleY(1);}
.index_news_r2_i3_item:hover p strong{color: #0067c2}
.index_news_r2_i3_item p strong{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px; color:#000;line-height: 25px;padding: 10px 0 10px; font-weight: bold;}

.news_header{width:100%;height:auto;padding:5.7vw 0;position:relative;z-index:2; overflow:hidden;}
.marquee{width: 100%; height: 6px; background: url() repeat-x center center;}



.index-products {position: relative;width: 100%;height: 100%;}
.index-products-main {position: absolute;width: 80%;left: 10%;top: 50%;z-index: 11;height: auto;transform: translateY(-50%);color: #fff;}
.index-products-top {width: 38%;margin-top: 5%;}
.index-products-top .title-1{font-size: 34px;font-weight: bold;}
.index-products-top .text-2 {font-size: 16px;line-height: 26px;margin-top: 5%;}




.footer-logo{ width:100%; display:block; text-align:center;}









@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}




/**/
.auto1440{margin: 0 auto; width:80%;}
.footer{background:#101926; min-width:100%; display:block; text-align:center; padding-top:50px;}
.foot_dh{width: 100%; align-items: center;justify-content: space-between; height: 102px; border-bottom: 1px solid rgba(255,255,255,.05);}
.foot_dh .ftop{ color:#fff;}
.foot_dh>ul{width:80%;display: flex;justify-content: space-between; height: 100%;padding-top:40px; margin:0 auto; padding-bottom: 50px;}
.foot_dh>ul>li{position: relative;height: 100%;}
.foot_dh>ul>li a{text-align: center;color: #fff;font-size:16px;}
.foot_dh>ul>li.on>a{color: #fff; font-family:hs_b;}
.foot_dh>ul>li:hover>a{color: #fff; font-family:hs_b;}
.ft-company-infos{padding:60px 0 50px;color:#999}
.ft-ads{font-size:16px}
.ads-list span{display:inline-block;margin-right:15px; font-size:17px; cursor:pointer}
.ads-list span.cur,.ads-list span:hover{color:#fff}
.company-ads{margin:20px 0; height:140px;}
.company-ads>div p{padding-top:6px; font-size:15px; color:#fff; font-family: hs_l;}
.company-ads:after{content:'';display:block;width:15px;height:17px;background:url(http://login.114my.cn/memberpic/dotofan9998en/uploadfile/image/20250410/20250410142928_1961393958.png) no-repeat -76px -5px;margin-top:20px}
.ft-company-infos>div{width:33.3333%; text-align:left;}
.ft-company-infos .contact-us{height:150px;text-align:center;border-left:solid 1px rgba(255,255,255,.05);border-right:solid 1px rgba(255,255,255,.05);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contact-us{color:#fff;font-size:16px}
.contact-us h3{font-weight:400}
.contact-us p{padding:30px 0 25px}
.contact-us p em{color:#999;padding-right:15px; font-size:15px; border-right:solid 1px rgba(255,255,255,.1)}
.contact-us p strong{font-size:20px;font-weight:400;padding-left:15px}
.contact-us a{display:block;width:128px;height:43px;line-height:43px;text-align:center;border:solid 1px #333;color:#999;font-size:13px;margin:0 auto;}
.contact-us a:hover{color:#fff;}
.sdw-ewm>div{width:135px;height:160px;background-color:#fff;margin-left:20px;text-align:center;color:#666; line-height:15px;}
.sdw-ewm>div img{width:120px;height:120px;margin:6px auto}
.copy-right{font-size:14px;color:#666;padding:35px 0 30px;border-top:solid 1px rgba(255,255,255,.05);position:relative}
.copy-right p span{padding-left:12px}
.ft-links a:hover,.copy-right p a:hover{color:#fff;text-decoration:underline}
.bottom_fun{padding-bottom:94px; width:1500px; margin:auto;}
.bottom_fun .left{width:212px;float: left;padding:6px 0; position: relative;line-height:30px; background:#eff1f3;}
.bottom_fun .left .txt{width:170px; line-height:20px;font-size: 14px;color:#333; border-right: 1px solid #bfd7fc; text-align:left; text-indent: 10px;}
.bottom_fun .left ul{position: absolute;background: #fff;bottom: 100%;padding:4px 0;border: 1px solid #eee; width: 100%; display: none; z-index:9999;}
.bottom_fun .left ul li{line-height: 26px;font-size:14px; text-align:left; padding-left: 15px; color: #333;}
.bottom_fun .bottom_down{position: absolute;cursor: pointer;right: 0;top: 0;width:42px;height:32px;background: url(../images/down.png) no-repeat center center;}
.bottom_fun .left ul li a{color: #848cae;}
.bottom_fun .right{float: right; width:15.3%}
.both{opacity: 0.2; background:#fff; height:1px;}
@media only screen and (max-width:768px ){.bottom_fun .left,.bottom_fun .right{width: 100%;float: none;}.bottom_fun .right{text-align: right;margin: 20px 0;}.bottom_fun .right .bdsharebuttonbox{float: right;}}
.auxiliary{overflow: hidden;width: 100%; line-height:100px; }
.auxiliary .left{float: right;}
.auxiliary .right{color:#999; float: left; font-size:14px;}
.auxiliary .right a{padding-right:0px; color:#999; }
.auxiliary a:hover{color:#fff;}
.auxiliary a{font-size: 14px; color:#999; padding-right:14px;}
@media only screen and (max-width:768px ){.auxiliary .left,.auxiliary .right{float: none;width: 100%;margin-bottom: 14px;}}}



@media screen and (max-width: 5120px) {
	 .news-detail-content-main img{max-width: 100%;height: auto;}
	 .page-section-banner .text .title .text-5 p {margin: 0;padding: 0;}
}
@media screen and (max-width: 3840px) {
	 
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.application-area-item .text-2 {min-height: 66px;}
	.aboutdate {transform:none;text-align: left;right:0;}
	.product-title .title .english-3 {line-height: 80px;}
	.product-title .title .english-3 span {font-size: 120px;}
}
@media screen and (max-width: 1680px) {
	.title-1 {font-size: 40px;}.title-2 {font-size: 20px;}.title-3 {font-size: 14px;}.title-4 {font-size: 17px;}.title-5 {font-size: 20px;}
	.title-6 {font-size: 18px;}.title-7 {font-size: 16px;}.title-8 {font-size: 17px;}.title-9 {font-size: 24px;}
	.title-10 {font-size: 50px;}.title-11 {font-size: 22px;}.title-12 {font-size: 18px;}.title-13 {font-size: 42px;}.title-14 {font-size: 12px;}.title-15 {font-size: 30px;}
	.text-1 {font-size: 17px;}.text-2 {font-size: 12px;line-height: 26px;}.text-3 {font-size: 24px;line-height: 34px;}.text-4 {font-size: 12px;line-height: 22px;}
	.text-5 {font-size: 30px;line-height: 40px;}.text-6 {font-size: 14px;line-height: 24px;}.text-7 {font-size: 18px;line-height: 24px;}
	.text-8 {font-size: 17px;line-height: 24px;}.text-9 {font-size: 14px;line-height: 24px;}.text-14 {font-size: 12px;line-height: 20px;}
	.number-1 {font-size: 12px;}.number-2 {font-size: 50px;}.number-3 {font-size: 60px;line-height: 60px;}.number-4 {font-size: 14px;}.number-5 {font-size: 30px;}
	.entitle-1 {font-size: 40px;}.english-1 {font-size: 12px;}.english-2 {font-size: 20px;}.english-3 {font-size: 150px;}
	.viewmore-1 span,.index-product-nav i,.index-news-right .index-news-item .text .title-6,.footer-nav a,.header-nav-menu a ,.product-date p,.news-detail-turnpage a,.news-other .news-item a .title-4{font-size: 14px;}
	.type-1,.detail-2 span,.application-detail-main-top .return-1 a {font-size: 12px;}
	.application-detail-main-center,.news-other .news-item a .title-4,.contact-map-bottom .telemail-1,.talent-item-content {font-size: 14px;line-height: 24px;}
	.application-detail-main-bottom strong,.news-item.nis1 .title-6,.news-detail-other .title-4,.talent-title span {font-size: 18px;}
	.index-product-nav span,.index-about-content-item .number-2 sub,.section-banner-nav a,.baitu-news-nav a,.index-product-nav2 .text strong {font-size: 16px;}
	.index-product-nav2 .text span {font-size: 12px;}
	.header-content {height: 80px;}
	.header-nav li a.n1 {font-size: 14px;line-height: 80px;}
	.viewmore-1 i {width: 40px;height: 40px;}
	.header-nav-menu.product,.header-nav-menu.about  {top: 80px;}
	.header-nav-menu {width: 110px;top: 80px;left: -40px;}
	.product-title .title .english-3 {line-height: 130px;}
	.product-date.num4 li {width: 10%;}
	.page-path {margin-top: 90px;}
	.about-strength-item .icon-1 {width: 140px;height: 140px;}
	.about-strength-item .icon-1 img.img-center {max-width: 40%;max-height: 40%;}
	.about-strength-item .title-7 {width: 40%;font-size: 14px;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 180px;line-height: 200px;}
	.honor-section-item .img img.img-center {max-width: 70%;max-height: 70%;}
	.honor-more {height: 60px;}
	.news-item .text {min-height: 123px;}
	.section-banner-top-nav a {margin: 0 20px;font-size: 14px;padding: 1% 0;}
	.corporate-culture-item .text-2 {line-height: 22px;}
	.point-1 {top: 34%;right: -11%;}
	.corporate-culture-item.cci2 .point-1 {top: 47.5%;left: -11%;}
	.corporate-culture-item.cci3 .point-1 {right: -11%;top: -20%;}
	.corporate-culture-item.cci4 .point-1 {top: -20%;left: -11%;}
	.header-nav-technical-support {margin-top: 0;}
	.header-nav-technical-support a {font-size: 0;}
	.header-nav-technical-support .icon-1 img{width: 30px;}
	.header-nav-product-type a {padding: 10px 0px;}

	.header-nav-technical-support a {padding: 5px 5%;}
	.page-section-path {top: 15%;}
	.about-strength-right {width: 55%;}
	.header-nav-menu {width: 90px;left: -10px;padding: 5px 15px 10px 15px;}
	.page-section-path.top15 {top: 30%;}
	.baitu-history-content .history-prev{left: -50px;}
	.baitu-history-content .history-next{right: -50px;}
	.index-products-item .title-1 {font-size: 17px;}
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 100px;}

}
@media screen and (max-width: 1600px) {		
	.aside-top a {width: 50px;height: 50px;}
	.throughput-item .icon {width: 150px;height: 150px;}	
	.throughput-item .icon img.img-center {max-width: 30%;max-height: 30%;}
	.throughput-item .text-2 {margin-top: 10px;}
	.corporate-culture-left {width: 70%;}
	.corporate-culture-right {width: 29%;}
	.corporate-culture-bottom-content .pic {width: 60%;margin: auto;}
	.corporate-culture-item .text-2 {line-height: 22px;}
	.news-item .text {min-height: 119px;}
	.index-products-top .title-1 {font-size: 30px;}
	.index-products-top .text-2 {font-size: 14px;line-height: 24px;}
	.index-products-item .title-1 {font-size: 20px;}
	.index-products-item .title-2 {font-size: 12px;}
	.header-nav-product-type a {padding: 5px 0px;}
	.historys-item .number-4 {font-size: 20px;}
	.historys-item .title-4 {font-size: 14px;}
}
@media screen and (max-width: 1500px) {		
	.affiliated-enterprises-right {top: 30%;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right {top: 20%;}
	.news-item .text {min-height: 110px;}

	.throughput-content-text {width: 80%;}
	.throughput-content-text-item .num-1{font-size: 16px;}
	.throughput-content-text-item .title-2{font-size: 16px;margin: 10% 0;min-height: 50px;}
	.throughput-content-text-item .text-3{font-size: 12px;line-height:20px;}
	.throughput-content-text-item::after {height: 5px;}
	
	
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 80px;}

}
@media screen and (max-width: 1440px) {
	.header-nav-product-content {width: 90%;padding: 2% 0 0 0;}
	.header-nav-technical-support {margin-top: 2%;} 
	.title-1 {font-size: 30px;}.title-13 {font-size: 32px;}.title-10 {font-size: 40px;}.entitle-1 {font-size:40px;}
	.text-7 {font-size: 15px;}
	.text-8 {font-size: 14px;line-height: 22px;}
	.news-item .text {min-height: 107px;}
	.number-3 {font-size:50px;line-height: 50px;}
	.corporate-culture-item.cci1 .point-1 {top: 27%;right: -21%;}
	.corporate-culture-item.cci2 .point-1 {top: 29%;left: -21%;}
	.corporate-culture-item.cci3 .point-1 {right: -21%;top: 0;}
	.corporate-culture-item.cci4 .point-1 {top: 0;left: -21%;}
	.yuanxing-1 {width: 300px;height: 300px;margin: -150px 0 0 -150px;}
	.logo-2 {width: 200px;} 
	.application-area-item .text-2 {min-height: 62px;}
}
@media screen and (max-width: 1366px) {
	.news-item .text {min-height: 100px;}
	.number-2 {font-size: 40px;}
	.title-5 {font-size: 18px;}
	.index-news-item .viewdetails-1 {margin-top: 5%;}
	.line-2 {margin: 15px 0;} 
	.throughput-item {max-width: 20%;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 150px;line-height:150px;}
	.corporate-culture-item {width: 30%;}
	.corporate-culture-item.cci1,.corporate-culture-item.cci3 {left: 0;}
	.corporate-culture-item.cci2,.corporate-culture-item.cci4 {right: 0;}
	.corporate-culture-item.cci1 .point-1 {top: 22.5%;right: -13%;}
	.corporate-culture-item.cci2 .point-1 {top: 31%;left: -13%;}
	.corporate-culture-item.cci3 .point-1 {right: -13%;top: 8%;}
	.corporate-culture-item.cci4 .point-1 {top: 8%;left: -13%;}
	.yuanxing-1 {width: 260px;height: 260px;margin: -130px 0 0 -130px;}
	.throughput-content-text {width: 84%;}
	
	.product-title .title .english-3 {line-height: 70px;}
	.product-title .title .english-3 span {font-size: 90px;}
}
@media screen and (max-width: 1280px) {
	.news-item .text {min-height: 94px;}
	.contact-map-text {width: 100%;}
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 80px;}
}
@media screen and (max-width: 1152px) {
	.news-item .text {min-height: 80px;}
	.application-area-item .text-2 {min-height:auto;}
	.index-products-bottom .img img,.index-products-bottom,.index-products-bottom .img,.index-products-bottom .pic{height: 100%;width: 100%;}
	.index-products-item .title-1 {font-size: 16px;}
	.number-2 {font-size: 30px;}
	.index-about-content-item .title-3  {font-size:12px;}
	.footer-nav a { margin-left: 20px;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 120%;}
	.page-corporate-culture .section-content {width: 90%;}
	.corporate-culture-right .title-5 {font-size:14px;}
}
@media screen and (max-width: 1024px) {
	.throughput-content-text {width: 100%;position: relative;}
	.header-nav li a.n1 span {padding: 5px 10px;}
	.header-nav-technical-support .icon-1 {width: 25px;height: 25px;}
	.header-nav-technical-support .title-4,.header-nav-technical-support .more-1 {font-size:12px;}
	.header-nav-product-content {padding: 2% 0 5% 0;}
	.application-item .title-4 {font-size:12px;}
	.about-strength-item {width: 48%;}
	.about-strength-item .icon-1 {width: 100px;height: 100px;}
	.about-strength-item .title-7 {width: 50%;}
	.product-title .title .english-3 {line-height: 20px;}
	.product-title .title .english-3 span {font-size: 40px;}
}
@media screen and (max-width: 840px) {
	.pcshow ,.aside-top a,.page-section-path,.point-1,.footer-contact-center {display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}
	.throughput-content-text-item {width: 100%;}
	.header-nav {position: fixed;height: 100%;width: 100%;transform: translateX(100%);transition:all .4s ease;background: #fff;}
	.no-touch .header-nav {transform: translateX(0);}
	.header-nav ul {width: 100%;height: 100%;padding-top:90px;box-sizing: border-box;overflow: auto;}
	.header-nav li,.header li a.n1 {display: block;}
	.header-nav li {border-bottom: 1px solid #ccc;}
	.header li a.n1{line-height: normal;padding: 6% 0;overflow: hidden;}
	.header-nav-menu {position: relative;left: auto;top: auto;}
	.header-nav-menu.product,.header-nav-menu.about {width: 100%;left: auto;top: auto;padding: 5%;box-sizing: border-box;overflow: hidden;}
	.index-banner-swiper .text {width: 90%;left: 5%;}
	.number-2 {font-size: 30px;}
	.title-1 {font-size: 22px;}
	.text-3 {font-size: 18px;line-height: 28px;}
	.index-about-content-left .title-5 {font-size: 16px;}
	.text-1,.index-product-nav span,.index-news-item .text .title-6,.index-product-nav2 .text strong{font-size: 14px;}
	.text-2,.title-3,.index-about-content-left .text .viewmore-1 span {font-size: 12px;line-height: 20px;}
	.viewdetails-1 span,.footer-contact-bottom{font-size: 12px;}
	.index-banner-swiper .viewmore-1 {margin-top: 10%;}
	.index-product-nav {overflow: hidden;}
	.index-product-nav a {float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;}
	.index-product-left {padding-bottom: 5%;}
	.index-application-nav {bottom: 5%;}
	.index-application-nav.num5 a {width: 48%;}
	.index-application-nav .text .english-1{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.index-about-content-left {width: 100%;height: 100%;position: relative;left: auto;top: auto;border-bottom:none;}
	.index-about-content-left .text {top: auto;left: auto;transform: none;position: relative;width: 90%;padding: 5%;}
	.viewmore-1 i {width: 30px;height: 30px;}
	.index-about-content-item .title-3{line-height: 18px;width: 80%;bottom: 5%;}
	.index-about-content-item .number-2 {transform: translateY(-60%);}
	.index-news-item .img {float: left;width: 50%;}
	.index-news-item .text {float: left;width: 46%;padding: 3% 0 0 4%;margin: 0;}
	.index-news-item a {background: none;}
	.index-news-item .date-1 {position: relative;}
	.index-news-left,.index-news-right .index-news-item {margin-bottom: 4%;}
	.end-slide {height:558px;}
	.page-section-banner .text {width: 90%;left: 5%;top: 35%;}
	.page-section-banner .text .text-5 {font-size: 20px;line-height: 24px;}
	.page-section-banner .date {width: 90%;right: 5%;top: 50%;text-align: left;}
	.page-section-banner .date .item-1 {min-width: 24%;margin-right: 20px;margin-left: 0;}
	.section-banner-nav {width: 90%;left: 5%;bottom:5%;}
	.section-banner-nav a {margin-right: 5%;padding:3% 0;}
	.section-banner-nav a:last-child {margin-right: 0px;}
	.product-item,.application-area-item {float: none;width: 100%;margin-right: 0;margin-bottom: 4%;}
	.number-3 {font-size: 44px;line-height: 44px;}
	.english-3 {font-size: 60px;line-height: 60px;}
	.product-title .title .english-3 {line-height: 40px;}

	.title-10 {font-size: 30px;line-height: 30px;}
	.product-title .title,.product-title .title-7 {width: 80%;margin: auto;}
	.product-title .title-7 {padding-top: 5%;}
	.product-date.num4 li {width: 40%;margin-bottom: 3%;}
	.product-date.num4 li:nth-child(2)::after{display: none;}
	.product-characteristic-top,.product-download-top {padding-bottom: 60px;}
	.characteristic-prev, .characteristic-next {margin-top: 0px;}
	.product-application-right {padding: 5%;box-sizing: border-box;}
	.application-item {margin-right:0;}
	.application-text {top: 30%;}
	.application-detail-main {width: 80%;padding: 5% 0;}
	.application-detail-main-top {padding-bottom: 5%;}
	.page-section-banner.advantages .text {top: 50%;}
	.technological-innovation-item .text-2 {min-height: auto;}
	.throughput-item {max-width: 44%;}
	.throughput-item .icon {width: 100px;height: 100px;}
	.throughput-item .title-4 {margin-top: 10px;}
	.market-layout-content {width: 90%;margin: auto;}
	.market-layout-content .item-1 {margin-left: 0;}
	.market-layout-content .title-3 {margin-left: 0;}
	.header-nav-menu {width: 100%;box-sizing: border-box;}
	.header-nav ul{background: #f1f1f1;}
	.section-banner-nav a {opacity: 1;color: #fff;margin: 0 2%;}
	.section-banner-nav a:last-child {margin: 0 2%;}
	.section-banner-nav {text-align: center;}
	.baitu-shares-center {padding: 10% 0;}
	.baitu-shares-center-right {width: 100%;padding: 0 5%;margin-right: -5%;margin-top: 10%;}
	.baitu-shares-bottom-left {float: left;width: 90%;position: relative;padding: 0 5%;margin-left: -5%;margin-top: 30%;}
	.page-baitu-shares .img {background-size: cover;}
	.baitu-shares-bottom-right {width: 100%;}
	.bout-date-list .index-about-content-item {width: 43%;margin: 3% 1%;}
	.bout-date-list {width: 100%;left: 0;}
	.about-strength-right,.about-honor-right .text-8 {margin-top: 10%;}
	.about-strength-item {margin-left: auto;}
	.affiliated-enterprises-left {padding: 15% 10%;float: none;width: 80%;margin-top: 5%;}
	.affiliated-enterprises-right {position: relative;width: 90%;right:auto;top:auto;padding: 0 3%;height: auto;}
	.text-6 {font-size: 13px;line-height: 23px;}
	.affiliated-enterprises-right .yuanshu-1 {top: 30%;}
	.affiliated-enterprises-right .pic {margin-top: 0;width: 80%;margin: auto;padding: 20% 0;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 0;margin: auto;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right {top: auto;left: auto;padding: 0;margin: auto;}
	.affiliated-enterprises-left .text-2 {min-height: auto;}
	.yuanshu-3 {bottom: 5%;top: auto;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 100px;line-height: 130px;}
	.history-item .img {width: 70%;}
	.history-prev {left: -10%;}.history-next {right:-10%;}
	.corporate-culture-right {width: 100%;height: 100%;position: relative;right: auto;top: auto;background-size: 40%;}
	.corporate-culture-right .text {padding:10%;}
	.corporate-culture-bottom .title {padding-bottom: 10%;}
	.corporate-culture-item {position: relative;width: 100%;text-align: left;margin-bottom: 10%;border-bottom: 1px solid #ccc;padding-bottom: 10%;}
	.corporate-culture-item.cci1, .corporate-culture-item.cci3 {left:auto;}
	.corporate-culture-item .text-2 li::after {top: 10px;}
	.corporate-culture-item .text-2 li {padding-right: 0;padding-left: 10px;}
	.corporate-culture-item .text-2 li::after {right: auto;left: 0;}
	.honor-section-item {float: none;width: 100%;margin-right: auto;margin-bottom: 5%;}
	.news-item.nis1,.news-item {width: 100%;margin-right: auto;}
	.news-item.nis1 .text {position: relative;left: auto;bottom: auto;width: 90%;z-index: 11;color: #000;padding: 5%;margin-right: 0;}
	.news-item.nis1 .date-1 {color: #999;}
	.news-item .text {min-height: auto;margin-bottom: 5%;}
	.news-item .date-1 {position: relative;bottom: auto;left: auto;margin-top: 5%;left: auto;}
	.fanye-page a {height: 36px;line-height: 36px;min-width: 36px;padding: 0;margin: 0 1px}
	.fanye-page a.prev, .fanye-page a.next {width: 36px;}
	.baitu-news-nav a {padding: 15px 0px;width: 43%;padding-left: 5%;margin-right: 0;}
	.baitu-news-nav a:last-child {float: right;}
	.baitu-news-nav a::after {right: 10%;}
	.baitu-news-nav,.contact-map-bottom .text-6 ,.contact-map-bottom .title-12{margin-bottom: 5%;}
	.contact-map-text {overflow: hidden;position: relative;width: 100%;left: auto;bottom: auto;}
	.contact-message-form .item-2 li input {padding: 5% 0;}
	.joinus-section-top {padding: 1% 0 5% 0;}
	.talent-title.cur,.talent-title {padding: 10% 0;}
	.talent-item-content {padding-bottom: 10%;}
	.email-1 span {font-size: 14px;}
	.page-section-banner .text.center {left:5%;width: 90%;transform: translateY(0%);}
	.page-section-banner .text.center .title .text-9 {font-size: 12px;line-height: 18px;}
	.header-nav-menu {background: none;}
	.contact-map-text {padding: 10% 0;}
	.contact-map-bottom .ewm-1 {margin-top: 5%;width: 30%;}
	.page-contact-map {padding: 15% 0;}
	.section-banner-top-nav a {margin: 0 10px;}
	.header-nav-menu.about {position: relative;}
	.header-nav-product-type a {width: 50%;}
	.throughput-content-text-item .img {display: none;}
	.throughput-content-text-item a {background: #fff;border-bottom: 1px solid #eaeaea;}
	.throughput-content-text-item .text {position: relative;}
	.throughput-content-text-item .title-2 {font-size: 16px;margin:3% 0;min-height: auto;}
	.throughput-content-text-item.cur a {background: #0067c2;}
	.index-product-nav2 {position: relative;left: auto;bottom: auto;width: 100%;margin-top: 5%;}
	.index-product-nav2 .text span,.index-product-nav2 .text i,.index-product-nav2 .pic {display: none;}
	.index-product-nav2 .text {position: relative;left: auto;top: auto;width: 100%;height: auto;box-sizing: border-box;padding: 5%;}
	.index-product-nav2 a.cur {background: #49aa36;}
	.index-product-nav2 .text::before {top: 50%;transform: translateY(-50%);right: 5%;}
	.header.black .menu-toggle span.hamburger,.header.black  .menu-toggle span.hamburger:after,.header.black  .menu-toggle span.hamburger:before {background: #000;}
	
	.index-products-top {width: 100%;}
	.index-application-nav.num5 a {width: 100%;}
	.iapplication-prev, .iapplication-next {position: relative;transform: none;top: auto;left: auto;right: auto;margin-top: 5%;display: inline-block;}
	.iapplication-next::after, .iapplication-prev::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.header-nav-product-type a::before {width: 100%;}
	.header-nav-technical-support .more-1 {display: none;}
	.header-nav-technical-support a {text-align: center;}
	.header-nav-technical-support .title-4 {margin-left: 0px;margin-top: 10px;}
	.page-section-banner.advantages .text .date {transform: none!important;}
	.aboutdate {transform:none;text-align: left;right:auto;}
	.page-section-banner.advantages.aboutdate .text{margin-bottom:5%;top: 30%;}
	.page-product-specifications .section-content{width: 100%;margin: auto;overflow: hidden;overflow-x: scroll;}
	.page-product-specifications .section-content .page-product-specifications-bottom {width: 1000px;overflow-x: scroll;white-space: nowrap;}

	.header-nav li::after,.header-nav-product-left,.index-news-center,.index-banner-swiper .banner-pagination,.index-news-item .type-1,.index-news-top .viewmore-1 ,.footer-contact-right,.application-detail-left ,.application-detail-main-top .return-1 a,.market-layout-content .img .pic,.corporate-culture-bottom-content .pic,.fanye-page a:first-child, .fanye-page a:last-child,.news-other .news-item .viewdetails-1{display: none;}
	.header-nav-product-right,.header-nav-product-type a,.index-product-left,.index-product-right,.index-application .title ,.index-about-content-right,.index-news-left,.index-news-right,.product-application-left,.product-application-right,.application-item,.application-detail-right,.technological-innovation-item,.baitu-shares-center-left,.about-strength-left,.about-strength-right,.about-strength-item,.about-honor-left,.about-honor-right,.affiliated-enterprises .text-2,.affiliated-enterprises-left .text,.corporate-culture-left,.news-item.nis2,.news-detail-left,.news-detail-right,.contact-map-bottom .title-12, .contact-map-bottom .telemail-1, .contact-map-bottom .text-6,.contact-map-bottom,.contact-message-left,.contact-message-right,.header-nav-menu.about .header-nav-product-right{width: 100%;}
	.page-product ,.page-product-characteristic,.page-product-application,.page-product-download,.page-application-area,.page-throughput,.page-market-layout,.page-about-strength,.page-about-honor,.about-honor-right .text-8,.page-baitu-shares,.corporate-culture-bottom ,.page-joinus {padding: 15% 0;}

}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*Ã¤Â»IE6Ã¥IE7Ã¨Â¯Ã¥Â«*/
@media screen\9 {  }  

/*Ã¤Â»IE6Ã¥IE7Ã£IE8Ã¨Â¯Ã¥Â«*/
@media \0screen\,screen\9 {  } 


/*Ã¤Â»IE8Ã¨Â¯Ã¥Â«*/
@media \0screen {  } 

/*Ã¤Â»IE8-10Ã¨Â¯Ã¥Â«*/
@media screen\0 {  }  

/*Ã¤Â»IE9Ã¥IE10Ã¨Â¯Ã¥Â«*/
@media screen and (min-width:0\0) {  }  

/*Ã¤Â»IE10/11Ã¨Â¯Ã¥Â«*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

} 
.header-nav-product-type2 a{padding:5px 0px !important;}
/*search*/
.searchIcon{height:200px; align-items: center; background: linear-gradient(270deg,#0067c2 -18.95%,#0067c2 9.48%,#0173c4 75.22%); }
.searchIcon > span{font-size:14px; height:21px;text-align: center;line-height: 42px;/*border: 1px #eee solid;*/ border-radius: 50%; width:60px;}
.searchIcon > span i{color: #000;display: inline-block;vertical-align: middle;margin-left:8px;margin-top:-7px;}
.searchIcon > span a{line-height: 42px;font-size: 20px;}
.slideDown{text-align:center;position:absolute;right:0;width:100%;height:204px; z-index:999;overflow:hidden; }
.slideDown .searchBox{ overflow: hidden; display: inline-block; width:90%; height:66px; margin-top:44px; margin-bottom: 15px; background: #fff; border-radius: 50px;}
.slideDown .searchBox{}
.slideDown .searchHot{ font-size: 15px; color: #fff; font-weight: 100;}
.slideDown .searchHot a{ color: #fff; font-size:15px; display: inline-block;}
.slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;}

.search-bg{width:90%;height: 60px;line-height:60px;padding-left: 10px; float:left;}
.search-i{width:18px;overflow:hidden;height:27px;float: left;margin-top:17px;}
.nav_r{float:right;width:6.5vw;}
#infoname{width:1330px; background:none; outline:none; color:#d2d1d1; border: none; height:66px; line-height:60px; padding-left: 50px;}
.searchIcon:hover .slideDown{transform: rotateX(0deg);}