@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'HELVETICANEUELTPRO-BD';
  src: url('../font/HELVETICANEUELTPRO-BD.eot');
  src: local('☺'), url('../font/HELVETICANEUELTPRO-BD.woff') format('woff'), url('../font/HELVETICANEUELTPRO-BD.ttf') format('truetype'), url('../font/HELVETICANEUELTPRO-BD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HELVETICANEUELTPRO-HV';
  src: url('../font/HELVETICANEUELTPRO-HV.eot');
  src: local('☺'), url('../font/HELVETICANEUELTPRO-HV.woff') format('woff'), url('../font/HELVETICANEUELTPRO-HV.ttf') format('truetype'), url('../font/HELVETICANEUELTPRO-HV.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HELVETICANEUELTPRO-BD';
  src: url('../font/HELVETICANEUELTPRO-BD.eot');
  src: local('☺'), url('../font/HELVETICANEUELTPRO-BD.woff') format('woff'), url('../font/HELVETICANEUELTPRO-BD.ttf') format('truetype'), url('../font/HELVETICANEUELTPRO-BD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HELVETICANEUELTPRO-LT';
  src: url('../font/HELVETICANEUELTPRO-LT.eot');
  src: local('☺'), url('../font/HELVETICANEUELTPRO-LT.woff') format('woff'), url('../font/HELVETICANEUELTPRO-LT.ttf') format('truetype'), url('../font/HELVETICANEUELTPRO-LT.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HELVETICANEUELTPRO-MD';
  src: url('../font/HELVETICANEUELTPRO-MD.eot');
  src: local('☺'), url('../font/HELVETICANEUELTPRO-MD.woff') format('woff'), url('../font/HELVETICANEUELTPRO-MD.ttf') format('truetype'), url('../font/HELVETICANEUELTPRO-MD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HELVETICANEUELTPRO-ROMAN';
  src: url('../font/HELVETICANEUELTPRO-ROMAN.eot');
  src: local('☺'), url('../font/HELVETICANEUELTPRO-ROMAN.woff') format('woff'), url('../font/HELVETICANEUELTPRO-ROMAN.ttf') format('truetype'), url('../font/HELVETICANEUELTPRO-ROMAN.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'impact';
  src: url('../font/impact.eot');
  src: local('☺'), url('../font/impact.woff') format('woff'), url('../font/impact.ttf') format('truetype'), url('../font/impact.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{font-family: HELVETICANEUELTPRO-LT,Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden; color: #222;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.5s;}
a:hover{cursor: pointer; color:#e60039;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }


.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}
  
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

@font-face {
  font-family: "iconfont"; /* Project id 1754724 */
  src: url('../font/iconfont.woff2?t=1666323931976') format('woff2'),
       url('../font/iconfont.woff?t=1666323931976') format('woff'),
       url('../font/iconfont.ttf?t=1666323931976') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram-fill:before {
  content: "\e88f";
}

.icon-tiaokuan1:before {
  content: "\e62c";
}

.icon-wangzhi:before {
  content: "\e962";
}

.icon-facebook1:before {
  content: "\eb8d";
}

.icon-zhubanfang:before {
  content: "\e72b";
}

.icon-tiaokuan:before {
  content: "\e607";
}

.icon-shipin:before {
  content: "\e6ca";
}

.icon-liwu:before {
  content: "\e689";
}

.icon-rili5:before {
  content: "\e64e";
}

.icon-xiazai:before {
  content: "\e609";
}

.icon-fangshui:before {
  content: "\e60c";
}

.icon-baojia:before {
  content: "\e616";
}

.icon-youxiang1:before {
  content: "\e6cd";
}

.icon-dianhua:before {
  content: "\e61d";
}

.icon-dizhi:before {
  content: "\e617";
}

.icon-twitter:before {
  content: "\e89d";
}

.icon-youtube1:before {
  content: "\e8d7";
}

.icon-facebook:before {
  content: "\e6e5";
}

.icon-in:before {
  content: "\e6f1";
}

.icon-youxiang:before {
  content: "\e637";
}

.icon-dingdan:before {
  content: "\e67e";
}

.icon-jiantou-blue:before {
  content: "\e600";
}

.icon-fangdajing:before {
  content: "\e603";
}

.icon-jiantou7-copy:before {
  content: "\e66a";
}

.icon-mean_list:before {
  content: "\e653";
}

.icon-jiantou7-copy-copy:before {
  content: "\e8d8";
}

.icon-tuxiangim:before {
  content: "\e612";
}

.icon-xiaozhuncalibration:before {
  content: "\e753";
}

.icon-diaojiekongzhi2:before {
  content: "\e61e";
}

.icon-yijiankaiqicaozuofangbian:before {
  content: "\e613";
}

.icon-78:before {
  content: "\e601";
}

.icon-hongwaiyi:before {
  content: "\e64d";
}

.icon-tuxiang:before {
  content: "\e951";
}


.in_prowar{ padding: 80px 0 100px 0; background: #fff; }
.in_pronav{ width:100%;overflow: hidden;margin-bottom: 45px;text-align: center;}
.in_pronav li{ display: inline-block; width: 15.5%; margin-right: 0.5%; }
.in_pronav li a{ display: inline-block; position: relative; transform-style: preserve-3d; height: 64px; line-height: 64px; width: 100%; background: #e8e8e8; font-size: 20px; font-family: Roboto-Light; }
.in_pronav li a:before{ content: ""; position: absolute; bottom: 0; z-index: -1; left: 0; width: 100%; background: #004097; height: 0; transition: all 0.3s; }
.in_pronav li:hover a,.in_pronav li.on a{ color: #fff; }
.in_pronav li:hover a:before,.in_pronav li.on a:before{ height: 100%; }



.l_fixed{ width: 40px; position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; margin-bottom: 1px; transition: all 0.3s; }
.l_fixed li a{ width:100%; height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #004097; color: #fff; display: block; }
.l_fixed li a i{ font-size: 22px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #004097; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:hover a span{ width: 220px; left: 40px; }
.l_fixed li:hover{ opacity: 0.9; }
.l_fixed .icon-whatsapp{ background: url(../images/whatsapp.png) center no-repeat; width:40px;height:40px;display:block;}


input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f4f4f4; overflow: hidden;  }
.warper{ width:1440px; margin:0 auto; position: relative;}
.backToTop{width:48px; height:35px; border-top-left-radius: 15px; border-top-right-radius: 15px; background:#888 url(../images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:0; color: #fff; transition: all .3s}
.backToTop:hover{ background:#e60039 url(../images/icon_top.png) no-repeat center;}

header{  width: 100%; max-width: 1920px; height: 110px; background: #004097; z-index: 999; position: fixed;  top: 0;  left: 0; }

@media only screen and (min-width: 1930px) {
   header{ left: 50%; margin-left: -960px; }
}
.header:before{ width: 327px; height: 110px; content: ''; position: absolute; left: 27.66%; top: 0;  transform: skewX(-39deg); }
.logo{transition: all 0.3s; position: absolute; top: 20px; left: -5%;}

.page_head:before{  width: 178px; height: 110px; content: ''; position: absolute; left: 31.9%; top: 0; background: #e60039; transform: skewX(-39deg); }
header.position{ height: 100px; background: #004097; }
.position.header:before,.position.page_head:before{ height: 100px; }
.position{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3); }
.position nav li>a{ padding: 40px 25px 39px 25px; }
.position .logo img{ height: 64px; }
.position .head_rcon{ top: 38px; }
.position .searchform{ top: 62px; }
.position nav dl{ top: 96px; }
.position nav li>a:after{ bottom:0; }
.position .languagewar{ top: 36px; }

h6{ display: inline-block; font-weight: normal; }
#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}

.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px; z-index: 5; border-radius: 3px; color: #111;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

nav{ float: right; margin-right: 208px; }
nav li{ float: left; position: relative; margin-right: 18px; }
nav li>a{ padding: 43px 25px 44px 25px; font-family: HELVETICANEUELTPRO-LT; color: #fff; position: relative; display: block; text-align: center; transition:0.5s;  font-size:20px;}
nav li>a:after{ content:''; position: absolute; width: 80%; transform: scaleX(0);
    transition: transform .2s ease-in-out;  left: 50%; margin-left: -40%; bottom: 0; height: 4px; background: #fff; }
nav li.on a,nav li:hover a{ color: #fff; cursor: pointer;  }
nav li.on a:after,nav li:hover a:after{ transform: scaleX(1);}
nav dl{ opacity: 0; transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: auto; top: 110px;  left:-9999px; z-index: 999;  }
nav dl dd{ display: block; position: relative; border-bottom: 1px solid #d5d5d5; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #222 !important; display: block; padding: 20px; text-align: left; white-space: nowrap;font-size:16px;}
nav li dl dd a:hover{ background: #e6e6e6 !important; cursor: pointer;}
nav li:hover dl{ left: 10%; opacity: 1; }
nav li dl dd p{ font-size: 20px; font-family: impact; margin-bottom: 6px; }
nav li dl dd span{ font-size: 16px; font-family: HELVETICANEUELTPRO-LT;}
.nav_box{ position: absolute; top: 0; display: none; left: 100%; background: #fff; padding: 34px 46px 30px 46px; width: 580px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.01); }
.nav_box a{ padding:0; }
.nav_box h4{ font-size: 32px; font-family: impact; font-weight: normal;}
.nav_box p{ font-size: 20px; margin-top: 5px; }
.nav_box span{ font-size: 16px; line-height: 26px; white-space: normal; margin-bottom: 15px; font-family: HELVETICANEUELTPRO-LT; display: inline-block; color: #666; margin-top: 10px; }
nav dl dd:hover .nav_box{display: block;}
nav dl dd:hover .nav_box a,.nav_box a:hover{ background: #fff !important; }
.nav_box:hover .changpic img{ transform: scale(1.15); }


.head_rcon{ position: absolute; right: -40px; top: 40px; transition: all 0.3s; } 

.search_form{width: 100%; height: 32px;background-color:#a1a0a0;}
.search_input {width: 85%; float: left;height:32px;color: #000;border: medium none;line-height:32px;text-indent:5px;background-color:#333;} 
.search_btn {width: 15%;height: 32px;float: right;cursor: pointer;border: medium none;background: #e50011 url("../images/abg_2.png") center center no-repeat;}
.search-button{ width: 40px; height: 40px; text-align: center; line-height: 40px;float: right; }
.search-button i{ color: #fff; font-size: 24px; cursor: pointer; }
.searchform{ overflow: hidden; position: absolute; right: 0; height: 0; top:70px; width: 240px; transition: all .2s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#004097; color: #fff; line-height:51px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:51px; background:#004097; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}

.languagewar{ width: 115px; position: absolute; right: 65px; top: 40px; }
.languagebox{ width: 100%; position: relative; right: 0;  }
.languagebox i{display: inline-block; vertical-align: top ; margin-top:5px; color: #666; font-size: 20px;}
.languagebox ul{ width: 100%;  height: 35px; display: inline-block; vertical-align: middle; overflow: hidden; z-index: 5; transition: all .3s; position: absolute; left: 0; top: 0; }
.languagebox ul li{ line-height: 35px; background: #004097;  height: 35px; padding:0 10px; }
.languagebox ul li:first-child{ background:url(../images/select_arrow.png) no-repeat transparent 100% 15px;  }
.languagebox a{ line-height: 35px; font-size: 18px; color: #fff; font-family: HELVETICANEUELTPRO-LT;  }
.languagebox:hover ul{height:auto;}
.languagebox:hover ul li{ border-radius: 0; }


.media { margin-top: 38px; }
.media a{ color: #fff; font-size: 20px; border: 1px solid #fff; display: inline-block; margin-right: 10px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 40px;  }
.media a:nth-of-type(1):hover{background: #3b57a0; border: 1px solid #3b57a0; }
.media a:nth-of-type(2):hover{background: #c60c1e; border: 1px solid #c60c1e; }
.media a:nth-of-type(3):hover{background: #0183bf; border: 1px solid #0183bf; }
.media a:nth-of-type(4):hover{background: #36b9ff; border: 1px solid #36b9ff; }

footer{ background:#004097; }
.footer_logo{ width: 218px; }
footer .item{ padding-top: 70px; padding-bottom: 62px; }
footer .item1{ width:30%; float: left;}
footer .item2{ width:30%; float: left; margin-left: 10%;}
footer .item3{ width:24%; float: right;}
.footer_ltext{ margin-top: 38px; }
.footer_ltext p{ color: #fff; font-size: 18px; line-height: 30px; color: #fff; height: 150px; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
footer h4 { color: #fff;  font-size: 24px;  font-family: impact;  text-transform: uppercase; font-weight: normal; margin-bottom: 26px;}
footer .item ul li{ margin-bottom: 14px;  }
footer .item ul li a,footer .item ul li span{ color: #fff; font-size: 18px;}
footer .item ul li a:hover{ color: #e60039; }
footer .item h4:nth-of-type(2){ margin-top: 60px; }
footer .item ul li span{ line-height: 28px; }
.f_emailbox{ position: relative; margin-top: 44px; width: 225px; }
.f_emailbox input{ width: 100%; background: transparent; font-family:HELVETICANEUELTPRO-LT;  border: 1px solid #fff; height: 50px; line-height: 50px; padding: 0 70px 0 15px; color: #fff; font-size: 18px; }
footer input::-webkit-input-placeholder{  color: #fff;}
.f_emailbox button{ width: 62px; cursor: pointer; height:48px; border: none; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background: #e60039; position: absolute; right: 1px; top: 1px; }
footer .copyright{ font-size: 16px; padding: 28px; clear: both; text-align: center; background: #fff; color: #666; }
footer .copyright a{ color: #666; }
footer .copyright a:hover{ color: #e60039; }

footer .footer{ overflow: hidden; }
.f_emailbox .news_del{ margin-top: 0; }
.f_emailbox .news_del span{ margin-top: 0; padding: 12px 33px; border: none; color: #fff; background: #e60039;}




#banner img{  display: block; max-width: 1920px; width: 100%; margin: 0 auto; }
#banner_home{ position: relative; }
#banner_home .owl-theme .owl-controls{ position: absolute; bottom: 40px; width: 100%; }
#banner_home .owl-theme .owl-controls .owl-page span{ opacity: 1; width: 16px; height: 16px; background: #fff; }
#banner_home .owl-theme .owl-controls .owl-page.active span{ background: #004097; }
.cl{ clear: both; }
.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.5s; }
/*版块标题*/
.home_boxtit{ font-size:46px; color: #222; font-family: impact;  position: relative; }
.page_tit{ font-size: 56px; color: #222; font-family: impact; text-transform: uppercase; font-weight: normal; }
.home_boxtit ul{ position: absolute; left: 245px; overflow: hidden; top: 0; }
.home_boxtit ul li{ float: left; }
.home_boxtit ul li:first-child{ margin-right: 100px; }
.home_boxtit ul li a{ font-size: 18px; font-family:HELVETICANEUELTPRO-ROMAN; text-transform: none;  }
/*首页*/
.in_hotpro{ background: #f4f4f4; padding: 58px 0; }
.in_hotprobox{ margin-top: 34px; width: 100%; overflow: hidden; }
.in_hotprobox .in_hotpicbox{ width: 33%; float: left;margin-right: 9px; }
.in_hotprobox .in_hotpicbox:nth-of-type(3){ width: 32%; float: right; }
.in_hotpic{ background: #fff; padding: 0px; position: relative; }
.in_hotbtn{ position: absolute; right: 66px; top: 40px ; }
.in_hotbtn ul{ position: relative; }
.in_hotbtn li{ font-family:HELVETICANEUELTPRO-ROMAN; cursor: pointer; position: absolute; top: 0; right: 0; height: 60px; width: 60px; overflow: hidden; transition: all 0.3s; }
.in_hotbtn li *{ vertical-align: middle; }
.in_hotbtn li h6{ font-size: 32px; width: 60px; color: #222; height: 60px; line-height: 60px; text-align: center; border-radius: 60px; border:1px solid #333; }
.in_hotbtn li p {  display: inline-block; margin-left: 5px; color: #222;}
.in_hotbtn li:nth-of-type(2){ top: 76px;  }
.in_hotbtn li:nth-of-type(3){ top: 150px; }
.in_hotbtn li:nth-of-type(4){ top: 226px; }
.in_hotbtn li:hover span{  }
.in_hotbtn li:hover{ width: 220px; }
.in_hotpic:hover .changpic img{ transform: scale(1.15); }
.in_hottext{ margin-top: 35px; margin-bottom:30px;}
.in_hottext h2{ font-size: 24px; font-family: impact; font-weight: normal; margin-bottom: 18px; height:58px;}
.in_hottext p{ font-size: 18px; line-height: 30px; font-family:HELVETICANEUELTPRO-ROMAN; color: #666; height: 60px; overflow: hidden;  }
.in_hottext span{ display: inline-block; padding: 12px 50px; font-style: italic; margin-top: 30px; border: 1px solid #222; font-size: 18px; font-family:HELVETICANEUELTPRO-LT;  }
.in_hottext span i{ font-size: 20px; margin-left: 10px; }
.in_hottext span *{vertical-align: middle;}
.in_hotpicbox:hover .in_hottext span{ background: #e60039; border: 1px solid #e60039; color: #fff; }
.in_hotpicbox:hover .in_hottext h2{ color: #e60039; }

.in_video{ background: #fff; padding-top: 55px; padding-bottom: 55px; }
.in_video .home_boxtit{ text-align: center; }
.p_dec{ font-size: 18px; line-height: 30px; text-align: center; margin-top: 15px; padding: 0 15%; color: #666; }
.in_videopic{ margin-top: 30px; height: 810px; }
.in_videopic img{ width: 100%; }


.in_ab{ padding: 75px 0; overflow: hidden; background: #f4f4f4; }
.in_ab ul{ width: 100%; overflow: hidden; }
.in_ab ul li{ width: 29%; float: left; margin-right: 6%; }
.in_ab ul li:last-child{ margin-right: 0; }
.in_abjs{ width: 100%; }
.abjs_tit h6{ font-size: 60px; margin-right: 26px; line-height:60px; position: absolute; top: 0; left: 0; width: 60px; height: 60px; }
.abjs_tit{ font-size: 24px; transition: all 0.3s; line-height: 30px; font-family: Impact; position: relative; padding-left: 85px; }
.abjs_tit *{ vertical-align: middle; }
.in_abjs p{ margin-top: 35px; line-height: 30px; font-size: 18px; color: #666; }
.in_ab ul li:hover .abjs_tit h6,.in_ab ul li:hover .abjs_tit{ color: #e60039; }

.in_news{ width: 100%; background: #fff; padding: 65px 0 65px 0; }
.in_news .home_boxtit{ text-align: center; }
.in_newsbox{ overflow: hidden; width: 100%; margin-top: 50px; }
.in_newsbox li{ width: 30%; float: left; overflow: hidden; margin-right:4%; }
.in_newsbox li:last-child{ margin-right: 0; }
.in_news_li{ width: 100%; overflow: hidden; }
.news_titdate em{ font-style: normal; font-size: 18px; }
.news_titdate h3{ font-size: 24px; line-height: 30px; height: 60px; overflow: hidden; font-family:Impact; font-weight: normal; margin-top: 15px; margin-bottom: 20px; }
.news_del{ margin-top: 18px; }
.news_del p{ font-size: 18px; line-height: 30px; color: #666; height: 90px; overflow: hidden; }
.news_del span{ display: inline-block; padding: 12px 50px; font-style: italic; margin-top: 30px; border: 1px solid #222; font-size: 18px; font-family:HELVETICANEUELTPRO-LT; }
.news_del span i{ font-size: 20px; margin-left: 10px; }
.news_del span *{vertical-align: middle;}

.in_newsbox li:hover .changpic img{ transform: scale(1.15); }
.in_newsbox li:hover .news_del span{ background: #e60039; border: 1px solid #e60039; color: #fff; }

/*位置*/
.subbanner{ position: relative; margin-top: 110px; }
.subbanner img{ width: 100%; display: block; }
.positionline{ position: absolute; bottom: 32px; right: 0; text-align: right; }
.positionline h1{ color: #fff; font-size: 36px;  font-family:Impact; font-weight: normal; text-transform: uppercase;}
.positionline p{ color: #fff; font-size: 18px; font-style: italic; margin-top: 8px; }
.positionline p a{ color: #fff; }
.positionline p a:hover{ color: #e60039; }
.padt80{ padding-top: 80px; }


/*分页 结束*/
.custpage{ text-align: center;  margin-top: 50px; }
.custpage *{ vertical-align: middle; }
.custpage span{ margin: 0 3px; width: 38px; height: 38px; display: inline-block; text-align: center; line-height: 38px; border: 1px solid #666; }
.custpage span:hover{ background: #e60039; cursor: pointer; color: #fff; border:1px #e60039 solid; }
.custpage a{ margin: 0 3px; width: 38px; height: 38px; display: inline-block; font-size: 18px; text-align: center; line-height: 38px; border:1px solid #666; }
.custpage span.current,.custpage a:hover{ background: #e60039; color: #fff; border: 1px solid #e60039; }
/*分页 结束*/

/*产品详情*/
.pro_swiper{ padding-bottom: 70px; }
.pro_swiper h2{ font-size: 56px; text-align: center; font-weight: normal; font-family: impact; text-transform: uppercase; }
.pro_swiper .links{overflow: hidden; margin-top: 35px; text-align: center;}
.pro_swiper .links a{display: inline-block; width: 280px; height: 52px; line-height: 52px; text-align: center; background: #e60039; font-style: italic; font-size: 20px; color: #fff;}
.pro_swiper .links a:nth-of-type(2){ background: #004097; margin-left: 15px; }
.pro_swiper .links a:hover{ background: #e60039; opacity: 0.8; }
.pro_swiper .links a i{ font-size: 30px; }
.pro_swiper .links a *{ vertical-align: middle; }

.swiper-container-horizontal>.swiper-scrollbar{ display: none !important; }
.swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.gallery-top {
  padding-bottom: 12px;
  width: 100%;
}
.gallery-top .swiper-slide {
  max-width: 100%;
  width: auto;
  overflow: hidden;
  opacity: 0;
}
.gallery-top .swiper-slide img {
   width: 100%;
   height: auto;
}
.gallery-top .swiper-slide-active {
  opacity: 1;
}
.gallery-thumbs {
  height: 120px;
  box-sizing: border-box;
  padding-top: 2px;
}
.gallery-thumbs .swiper-slide {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
  overflow: hidden;
}
.gallery-thumbs .swiper-slide img {
  max-width: 100%;
  height: 100%;
}
.gallery-thumbs-box {
  position: relative;
  width: 100%;
  height: 120px;
}
.gallery-thumbs-box .swiper-container {
  margin-left: auto;
  margin-right: auto;
}
.gallery-thumbs-box .swiper-button-prev {
  width: 10px;
  height: 65px;
  background: none;
  left: 10px;
  margin-top: 0;
  top: 0;
  outline: none;
}
.gallery-thumbs-box .swiper-button-next {
  width: 10px;
  height: 65px;
  background: none;
  right: 10px;
  margin-top: 0;
  top: 0;
  outline: none;
}
.gallery-top-box {
  position: relative;
  width: 100%;
  padding: 0 227px;
}
.gallery-top-box .swiper-container {
  margin-left: auto;
  margin-right: auto;
}
.gallery-top-box .swiper-button-prev {
  background-image: url(../images/left2.png);
  width: 22px;
  left: 82px;
  margin-top: 0;
  top: 50%;
  outline: none;
  transform: translate(0, -50%)
}
.gallery-top-box .swiper-button-prev:hover{
  background-image: url(../images/left.png);
}
.gallery-top-box .swiper-button-next {
  background-image: url(../images/right2.png);
  width: 22px;
  right: 82px;
  margin-top: 0;
  top: 50%;
  outline: none;
  transform: translate(0, -50%)
}
.gallery-top-box .swiper-button-next:hover{
  background-image: url(../images/right.png);
}
.slideshow {
  float: right;
  margin-right: 30px;
  margin-top: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("../images/play.png");
  cursor: pointer;
  padding-right: 15px;
  color: #999;
  transition: all 0.3s ease
}
.pauseed {
  background-image: url("../images/pause.png");
}
.del_game{ background: url(../images/por_gamebg.jpg) no-repeat; background-size: cover; padding:120px 0; overflow: hidden; }
.del_game .lcon,.del_game .rcon{ width: 50%; float: left; color: #fff; }
.del_game .lcon{ padding-right: 80px; }
.del_game .lcon .page_tit{ margin-bottom: 15px; color: #fff; }
.del_game .lcon h4{ font-size: 36px; font-family: impact; text-transform: uppercase; font-weight: normal; margin-bottom: 45px; }
.del_game .lcon h6{ font-size: 22px; font-family: HELVETICANEUELTPRO-BD;  font-weight: normal; margin-bottom: 12px; }
.del_game .lcon p{ font-size: 18px; line-height: 30px; }
.del_swiper .item{ margin-left: 24px; }
.del_swiper .owl-theme .owl-controls .owl-page span{ width: 16px; height: 16px; opacity: 1; background: #fff; }
.del_swiper .owl-theme .owl-controls .owl-page.active span{ background: #e60039; }
.del_swiper .owl-theme .owl-controls{ margin-top: 30px; }

.del_chang{ background: #fff; padding: 90px 0; overflow: hidden; }
.del_chang .lcon,.del_chang .rcon{ float: left; width: 50%; }
.del_chang .rcon{ padding-left: 25px; padding-top: 30px; }
.del_chang .page_tit{ margin-bottom: 30px; }
.del_chang h4{ font-size: 36px; font-family: impact; font-weight: normal; margin-bottom: 10px; }
.del_chang h6{ font-size: 24px; line-height: 36px; font-family: HELVETICANEUELTPRO-ROMAN; }
.del_chang p{ font-size: 18px; line-height: 30px; font-family: HELVETICANEUELTPRO-ROMAN; margin-top: 24px; color: #666; }


.del_user{ background: url(../images/del_userbg.jpg) no-repeat; background-size: cover; padding: 105px 0 168px 0; }
.del_user .page_tit{ text-align: center; color: #fff; }
.del_user p{ color: #fff; text-align: center; font-size: 18px; line-height: 30px; padding: 0 85px; margin-top: 20px; }
.del_user ul{ width: 100%; overflow: hidden; margin-top: 55px; }
.del_user ul li{ width: 25%; padding: 0 22px; float: left; }
.del_user ul li:hover .changpic img{ transform: scale(1.15); }

.del_rows{ background: url(../images/del_csjs.jpg) no-repeat; background-size: cover; padding: 122px 0 160px 0; }
.del_rows ul{ width: 100%; overflow: hidden; }
.del_rows ul li{ width: 33.333%; float: left; padding: 0 30px; text-align: center; }
.del_rows ul li h6{ width: 100px; height: 98px; margin-bottom: 20px; color: #fff; font-size: 90px; overflow: hidden; text-align: center; }
.del_rows ul li h2{ color: #fff; font-size: 42px; font-family: impact; font-weight: normal; text-transform: uppercase; }
.del_rows ul li p{ color: #fff; font-size: 18px; line-height: 30px; margin-top: 25px; }


.del_spe{ background: #fff; padding-top: 52px; padding-bottom: 55px; }
.del_spe .page_tit{ text-align: center; }
.pro-table{ width: 100%; overflow-x: auto; margin-top: 38px;  }
.parameter-table{ width: 100%; border-right: 1px solid #666; border-top: 1px solid #666;}
.parameter-table tr td{ transition: all 0.3s; text-align: center; padding: 15px 45px; border-left: 1px solid #666; font-size: 18px; border-bottom: 1px solid #666;}
.parameter-table tr:nth-of-type(even) td{ background: #f4f4f4; }
.parameter-table tr:first-child td p{ font-family: HELVETICANEUELTPRO-MD; color: #222; font-size: 20px; }
.parameter-table tr td:first-child{ text-align: left; }


.del_download{ background: #f4f4f4; padding: 54px 0 98px 0; }
.del_download .page_tit{ text-align: center; }
.del_downloadbox{ margin-top: 40px; overflow: hidden; }
.del_downloadbox li{ float: left; width: 30%; margin-right: 4%; }
.downitem_pic{ background: #fff; padding: 10px; }
.del_downitem{ text-align: center; }
.del_downitem p{ font-size: 24px; font-family: impact; text-align: center; margin-top: 15px; }
.del_downitem h6{ width: 54px; height: 54px; font-size: 28px; margin-top: 25px; line-height: 54px; text-align: center; border-radius: 54px; border: 1px solid #222; }
.del_downloadbox li:last-child{ margin-right: 0; }
.del_downloadbox li:hover .downitem_pic .changpic img{ transform: scale(1.15); }
.del_downloadbox li:hover .del_downitem p{ color: #e60039; }
.del_downloadbox li:hover .del_downitem h6{ background: #e60039; color: #fff; border:1px solid #e60039; }


.del_infoform{ background: url(../images/del_infobg.jpg) no-repeat; background-size: cover; padding: 68px 0 175px 0; }
.del_infoform .page_tit{ text-align: center; color: #fff; }
.del_infoform .infoform{ margin-top: 12px; }
.del_infoform .infoform span{ color: #fff; text-align: center; margin-bottom: 55px; }
.del_infoform .infoform input, .del_infoform .infoform textarea{ background: transparent; border: 1px solid #fff; color: #fff; }
.del_infoform .infoform form input::-webkit-input-placeholder,.del_infoform .infoform form textarea::-webkit-input-placeholder { color: #fff;}
.del_infoform .infoform form input:-moz-placeholder,.del_infoform .infoform form textarea:-moz-placeholder {color: #fff;}

/*technology*/
.technology_box{ background: #fff; padding-top: 50px; padding-bottom: 130px; }
.technology_box .home_boxtit{ text-align: center; }
/*news*/
.news-box{ margin-bottom: 120px;  }
.news-ul{ width: 100%; overflow: hidden; }
.news-ul li{ margin-bottom: 40px; }
.news-libox{ background: #fff; overflow: hidden; }
.news-libox .lcon{ width: 33%; float: left;  }
.news-libox .rcon{ width: 67%; padding-left: 40px; float: right; padding-top: 15px; padding-right: 45px;}
.news-libox .rcon .news-text em{  font-size: 18px; font-style: normal;  }
.news-libox .rcon .news-text h2{ font-size: 26px;  margin-top:16px; font-family: impact; font-weight: normal; height: 30px; line-height: 30px; overflow: hidden; }
.news-libox .rcon .news-text p{ font-size: 18px; line-height: 30px; color: #888; height: 60px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 25px; }
.news-libox .rcon .news-text span{ display: inline-block; transition: all 0.3s; padding: 12px 50px; font-style: italic; margin-top: 30px; border: 1px solid #222; font-size: 18px; font-family:HELVETICANEUELTPRO-LT;  }
.news-libox .rcon .news-text span i{ font-size: 20px; margin-left: 10px; }
.news-libox .rcon .news-text span *{vertical-align: middle;}
.news-ul li:hover .changpic img{ transform: scale(1.15); }
.news-ul li:hover .news-text span{ background: #e60039; border: 1px solid #e60039; color: #fff; }

/*contact*/
.contact_box{ margin-bottom:150px; }
.conttop{ width: 100%; overflow: hidden; }
.con_inform{  }
.con_inform p{ font-size: 18px; line-height: 28px; color: #666; margin-top: 10px; }
.contactbot{ margin-top: 75px; overflow: hidden; }
.contactbot .lcon,.contactbot .rcon{ float: left; width: 50%; }
.con_us p{ font-size: 18px; color: #666; margin-top: 15px; }
.con_us ul{ margin-top: 50px; padding-right: 170px; }
.con_us ul li{ margin-bottom: 35px; }
.con_fstit h6{ font-size: 25px; width: 30px; margin-right: 2px;  height: 25px; overflow: hidden; }
.con_fstit a,.con_fstit span{ display: block; font-size: 24px; font-family: impact; margin-top: 10px; }
.con_fstit span{ line-height: 40px; }
.contactbot .lcon{ padding-right: 70px; }
/*新闻*/
.infocontact p{ font-size: 18px;  color: #888; }
.infocontact .con_tit{ margin-bottom: 10px; }
.infocon{color: #666; margin-bottom: 100px; }
.infocon h2{font-size:36px; font-family:impact; font-weight: normal; line-height: 45px; text-align: center; margin-bottom: 10px; color: #222;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:25px; color: #888; font-size: 18px; margin-top: 24px; color: #222; }
.infocon .other{ padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px; font-size: 18px; }
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #222; }
.infocon .other a{color: #222}
.infocon .other a:hover{ color: #e60039; }
.infocon p{line-height:30px; margin-bottom: 20px;}
.infoform{overflow:hidden; margin-top: 30px; }
.infoform span{ display: block; color: #888; margin-bottom: 20px; }
.infoform li{width: 49%; float: left; position: relative; margin-bottom: 20px;}
.infoform li:nth-child(even){margin-left: 2%;}
.infoform li:nth-child(3){width: 100%;}
.infoform li:last-child{width: 100%;    margin-left: 0;}
.infoform li font{position: absolute; left: 10px; top: 17px;}
.infoform input,.infoform textarea{width: 100%;border:1px solid #222; font-family: HELVETICANEUELTPRO-LT; background:#fff; font-size: 18px; line-height: 26px; padding: 12px 20px; }
.infoform textarea{height: 200px;}
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #888;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #888;}
.infoform .buttonann{ color: #fff; cursor: pointer; margin-top: 8px; background: #1b4f9a; font-style: italic; font-family:HELVETICANEUELTPRO-LT;  height: 50px; width: 260px; font-size: 18px; border:0;}
.infoform form button:hover i{ margin-left: 15px; }
.infoform form button i{ font-size: 20px; margin-left: 5px; transition: all 0.3s; }
.infoform form button *{ vertical-align: middle; }
.infoform li font{position: absolute; left: 10px; top: 17px; color: red;}


.proinfo_form form{ margin-top: 18px; }
.proinfo_form input,.proinfo_form textarea{ line-height: 26px; float: left; background: #eee; border: 1px solid #e5e5e5; resize: none; padding: 8px 14px; font-family: Arial; font-size: 15px;}
.proinfo_form ul{ overflow: hidden; }
.proinfo_form ul li{ width: 49.5%; float: left; margin-bottom:10px;}
.proinfo_form ul li:last-child{ width: 100%; }
.proinfo_form ul li input{ width: 100%; }
.proinfo_form form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #666;}
.proinfo_form form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #333;}
.proinfo_form ul li:nth-child(even){margin-left: 1%;}
.proinfo_form ul li textarea{ width: 100%; float: none; }
.proinfo_form button{ border: none; margin-top: 5px; background: #f19911; color: #fff; padding: 12px 30px; font-weight: 600; font-size: 15px; clear: both; transition: all .3s; font-family: Arial; border-radius: 3px;}
.proinfo_form button:hover{ cursor: pointer; opacity: 0.8; }

/*video*/
.video-ul{ width: 100%; overflow: hidden; }
.video-ul li{ float: left; width: 23.5%; margin-right: 2%; margin-bottom: 35px; }
.video-ul li:nth-of-type(4n){ margin-right: 0; }
.video_item{ cursor: pointer; }
.video_item h3{ font-size: 22px; line-height: 30px; height: 60px; overflow: hidden;
    font-family: Impact; font-weight: normal; margin-bottom: 15px; }
.video_item:hover .changpic img{ transform: scale(1.15); }
.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 800px; background: #fff; height: auto; position: absolute; top: 30%; left: 50%; margin-left: -400px; }
.allhide{ opacity: 0; z-index: -3; }



.prom_box{ padding-bottom: 135px; }
.prom_list li{ margin-bottom: 10px; }
.prom_item{ width: 100%; overflow: hidden; }
.prom_lcon{ float: left; width: 50%; }
.prom_rcon{ float: right; width: 50%; padding: 0 38px; }
.prom_rcon b{ font-size: 22px; color: #fff; background: #e60039; display: inline-block; padding: 5px 14px; font-family: Impact; font-weight: normal; }
.pm_bti{ padding-bottom: 5px; position: relative; }
.pm_bti:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 0;
height: 0; border-style: solid;
border-width: 5px 15px 0 0; border-color: #e60039 transparent transparent transparent; }
.prom_rcon h2{ font-size: 30px; font-weight: normal; font-family: Impact; margin-top: 15px; }
.prom_pp{ margin-top: 28px; }
.prom_pp dl{ margin-bottom: 26px; }
.prom_pp dl dt{ font-size: 22px; color: #222; margin-bottom: 14px; font-family: HELVETICANEUELTPRO-BD; }
.prom_pp dl dd p{ line-height: 28px; color: #666; }
.prom_rcon span{ display: inline-block; padding: 12px 50px; font-style: italic; margin-top: 10px; border: 1px solid #222; font-size: 18px; font-family:HELVETICANEUELTPRO-LT;  }
.prom_rcon span i{ font-size: 20px; margin-left: 10px; }
.prom_rcon span *{vertical-align: middle;}
.prom_item:hover .prom_rcon span{ background: #e60039; border: 1px solid #e60039; color: #fff; }
.prom_item:hover .prom_rcon h2{ color: #e60039; }
.prom_item:hover .changpic img{ transform: scale(1.15); }


.prom_textpp{ margin-top: 56px; }
.prom_textpp li{ margin-bottom: 28px; }
.prom_textpp li h5,.prom_ot h5{ font-size: 30px; font-family:Impact; font-weight: normal;  }
.prom_textpp li h5 i,.prom_ot h5 i{ font-size: 30px; margin-right: 5px; }
.tex_pp{ margin-top: 16px; }
.tex_pp p{ line-height: 30px; color: #666; }
.promdel_icon{ margin-top: 65px; }
.promdel_icon ul li{ width: 25%; }
.promdel_icon ul li p{ font-size: 20px; }
.promdel_icon ul li a{ color: #fff; }
.promdel_icon ul li a:hover{ color: #e60039; }
.prom_ot{ margin-top: 68px; }
.prom_ot h5{ text-transform: uppercase; }
.prom_otpp p{ margin-top:32px; line-height: 30px; color: #666;  }
.prom_otpp span{ display: block; line-height: 30px; color: #666; }
.del_pbg{ background: #f4f4f4; padding: 40px; margin-top: 40px; }
.del_pbg p{ line-height: 30px; color: #666; }


.map_box{ position: relative; padding-bottom: 160px; }
.yuan{ position: relative; z-index: 0;  cursor: pointer;}
.yuan span{ display: inline-block; width: 25px; color: #fff; height: 25px; border-radius: 25px; text-align: center; font-weight: bold; line-height: 22px; background: #004097;}
.box { position: absolute; left: 20%; top: 34%;}
.box2 { position: absolute; right: 17%; top: 62%;}
.box3 { position: absolute; left: 42%; top: 70%;}
.box4 { position: absolute; right: 16%; top: 26%;}
.box5 { position: absolute; right: 4%; top: 61%;}
.yuan:before, .yuan:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 0 0 rgba(0,64,151,0.6);
    animation: yuan 3s infinite;
}
.yuan:before {
    animation-delay: .9s;
    content: "";
    position: absolute
}

.yuan:after {
    animation-delay: .6s;
    content: "";
    position: absolute
}
@keyframes yuan {
    70% {
        box-shadow: 0 0 0 20px rgba(0,64,151,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,64,151,0)
    }
}

.ma_cond{ /*display: none; */position: absolute; cursor:auto; width: 322px; z-index: -2; top: 12px; left: 12px; background: #fff; padding: 25px; }
.ma_cond h3{ font-size: 20px; font-family: impact; font-weight: normal; }
.ma_ul{ margin-top: 12px; }
.ma_ul li{ font-size: 16px; line-height: 26px; color: #666; }
.ma_ul li a{ color: #666; }
.ma_ul li a:hover{ text-decoration: underline; color: #e60039; }
.m_cus{ display: inline-block; background: #004097; color: #fff; margin-top: 14px; transition: all 0.3s; padding: 12px 40px; font-style: italic; font-size: 18px; font-family:HELVETICANEUELTPRO-LT; }
.m_cus i{ font-size: 20px; margin-left: 10px; }
.m_cus *{vertical-align: middle;}
.m_cus:hover{ background: #e60039; color: #fff; }

.box2 .ma_cond{ left: auto; right: 12px; }
.yuan:hover .ma_cond{ display: block; }

@media screen and (max-width: 5120px){
  .header:before{ width: 330px; }
}
@media screen and (max-width: 3840px){
  .header:before{ width: 330px; left: 27.5%; }
}
@media screen and (max-width: 1920px){
  .header:before{ width: 327px; left: 27.66%; }
}
@media screen and (max-width: 1780px){
  .backToTop{ right: 0; }
}
@media screen and (max-width: 1680px){
  .header:before{ left: 27.3%; width: 287px; }
  .page_head:before{ width: 160px; left: 32.2%; }
  footer .copyright{ padding: 15px; }
}
@media screen and (max-width: 1600px){
  .header:before{ width: 270px; }
  .page_head:before{ width: 149px; left: 32.4%; }

}

@media screen and (max-width: 1440px){
  .warper{ width: 100%; padding: 0 80px; }
  .header:before{ width: 245px; left: 27.7%; }
  .head_rcon{ right: 110px; }
  .logo{ left: 20px; }
  .languagewar,.position .languagewar{ right: 178px; top: 22px; }
  .page_head:before{ width: 133px; left: 32.8%; }
  .news-libox .rcon{ padding-top: 0; }
  .news-libox .rcon .news-text p{ margin-top: 15px; }
  .news-libox .rcon{ padding-right: 0; padding-left: 30px; }
  .in_news,.del_infoform,.technology_box{ padding-bottom: 80px; }
  .news-box,.contact_box{ margin-bottom: 80px; }
  .in_videopic{ height: 710px; }
  .positionline{ right: 30px; }
  .logo img,.position .logo img{ height: 52px; }
  nav li>a,.position nav li>a{ font-size: 18px; padding: 30px 25px 29px 25px; }
  header,header.position{ height: 80px; }
  .head_rcon,.position .head_rcon{ top: 20px; }
  .position.header:before, .position.page_head:before,.header:before{ height: 80px; }
  nav dl{ top: 80px; }
  .languagebox a,.home_boxtit ul li a{ font-size: 18px; }
  .home_boxtit{ font-size: 34px; }
  .in_hottext h2{ font-size: 20px; }
  .nav_box span{ font-size: 16px; line-height: 22px; }
  .in_hottext p{ font-size: 16px; line-height: 24px; height: 48px; }
  .in_hottext span,footer .item ul li a, footer .item ul li span{ font-size: 16px; }
  .p_dec{ font-size: 16px; line-height: 24px; }
  .abjs_tit{ font-size: 20px; }
  .in_abjs p,.footer_ltext p,.del_chang p{ font-size: 16px; line-height: 24px; }
  .news_titdate h3,footer h4,.video_item h3{ font-size: 22px; }
  .news_del p{ font-size: 16px; line-height: 24px; height: 72px; }
  footer .item{ padding-top: 42px;  padding-bottom: 32px; }
  footer .copyright{ font-size: 16px; }
  .footer_logo img{ width: 100%; }
  .nav_box{ padding: 20px; }
  .footer_logo{ width: 170px; }
  .footer_ltext{ margin-top: 12px; }
  footer .item h4:nth-of-type(2){ margin-top: 45px; }
  #banner_home .owl-theme .owl-controls .owl-page span{ width: 15px; height: 15px; }
  .subbanner{ margin-top: 80px; }
  .page_head:before{ height: 80px; left: 31.8%; }
  .positionline h1{ font-size: 30px; }
  .positionline p{ font-size: 16px; }
  .pro_swiper h2,.page_tit{ font-size: 40px; }
  .del_game .lcon h4{ font-size: 28px; margin-bottom: 18px; }
  .del_chang .page_tit{ margin-bottom: 10px; }
  .del_chang h4{ font-size: 28px; }
  .del_rows ul li h2{ font-size: 30px; }
  .position nav dl{ top: 80px; }
  .padt80{ padding-top: 40px; }
  .infocon h2{ font-size: 30px; }
  .infocon p{ margin-bottom: 10px; }
  .in_ab{ padding: 40px 0; }
  nav li dl dd p{ font-size: 20px; }
  .nav_box h4{ font-size: 24px; }
  .nav_box p{ font-size: 18px; }
  .technology_box{ padding-top: 20px; }
  .logo{ left: 80px; }
  .prom_box{ padding-bottom: 50px; }
  .prom_pp dl dt{ margin-bottom: 6px; }
  .prom_pp dl{ margin-bottom: 10px; }
  .prom_rcon h2,.prom_textpp li h5, .prom_ot h5{ font-size: 27px; }
  .del_rows{ padding: 100px 0; }
  .prom_otpp p{ margin-top: 18px; }
  .box2{ top: 60%; }

}

@media screen and (max-width: 1366px){
  .languagewar, .position .languagewar{ right: 128px; }
  .head_rcon{ right: 72px; }
  nav{ margin-right: 180px; }
  .header:before{ width: 232px; left: 27.6%; }
  .in_hotpro{ padding: 40px 0; }
  nav li{ margin-right: 7px; }
  .home_boxtit ul li a{ font-size: 18px; }
  .in_hotprobox{ margin-top: 12px; }
  .home_boxtit ul li:first-child{ margin-right: 50px; }
  .in_hotbtn{ top: 18px; right: 24px; }
  .in_hottext{ margin-top: 15px; }
  .in_hottext h2{ margin-bottom: 8px; }
  .in_hottext span{ margin-top: 14px; }
  .in_video{ padding-top: 40px; padding-bottom: 40px; }
  .in_videopic{ margin-top: 20px; height: 670px; }
  .in_ab,.in_news{ padding: 50px 0; }
  .in_abjs p{ margin-top: 15px; line-height: 26px; }
  .in_newsbox{ margin-top: 20px; }
  .news_titdate h3,.video_item h3{ margin: 6px 0; }
  .news_del{ margin-top: 10px; }
  .news_del p{ line-height: 25px; height: 75px; }
  .news_del span{ margin-top: 14px; }
  .in_newsbox li{ margin-right: 3%; width: 31%; }
  footer .item{ padding-top: 54px; padding-bottom: 36px; }
  footer .item2{ margin-left: 5%; }
  footer .item3{ width: 30%; }
  .footer_ltext{ margin-top: 20px; }
  .padt80{ padding-top: 40px; }
  .pro_swiper h2{ font-size: 40px; }
  .pro_swiper .links{ margin-top: 16px; }
  .pro_swiper{ padding-bottom: 50px; }
  .del_game .lcon{ padding-right: 38px; }
  .del_game{ padding: 80px 0; }
  .del_swiper .item{ margin-left: 10px; }
  .page_tit{ font-size: 38px; }
  .del_game .lcon .page_tit{ margin-bottom: 10px; }
  .del_game .lcon h4{ margin-bottom: 25px; }
  .del_chang .page_tit{ margin-bottom: 8px; }
  .del_chang,.del_user,.del_rows{ padding: 70px 0; }
  .del_rows ul li h2{ font-size: 32px; }
  .del_rows ul li h6{ font-size: 68px; width: 70px; margin-bottom: 6px; }
  .del_rows ul li p{ margin-top: 10px; line-height: 24px; }
  .pro-table{ margin-top: 15px; }
  .del_downloadbox{ margin-top: 15px; }
  .del_download{ padding-bottom: 60px; }
  .del_infoform{ padding-top: 50px; }
  .del_infoform .infoform span{ margin-bottom: 25px; }
  footer .item h4:nth-of-type(2){ margin-top: 47px; }
  footer h4{ margin-bottom: 16px; }
  .news-libox .rcon .news-text span{ margin-top: 15px; padding: 8px 25px; }
  .custpage{ margin-top: 20px; }
  .page_head:before{ width: 126px; left: 32%; }
}
@media screen and (max-width: 1280px){
  nav{ margin-right: 179px; }
  .header:before{ left: 27.5%; width: 217px; }
  #banner_home .owl-theme .owl-controls{ bottom: 10px; }
  #banner_home .owl-theme .owl-controls .owl-page span{ width: 14px; height: 14px; }
  .in_hotbtn li h6{ width: 50px; height: 50px; line-height: 50px; }
  .in_hotbtn li{ width: 50px; height: 50px; }
  .in_hotbtn li:nth-of-type(2){ top: 64px; }
  .in_hotbtn li:nth-of-type(3){ top: 128px; }
  .in_hotbtn li:nth-of-type(4){ top: 190px; }
  .in_hotbtn{ top: 28px; }
  .in_hottext span{ padding: 10px 32px; }
  .p_dec{ line-height: 25px; }
  .in_videopic{ height: 619px; }
  .abjs_tit{ font-size: 18px; line-height: 26px; }
  .in_abjs p{ line-height: 24px; }
  .news_del span{ padding: 10px 32px; }
  footer .copyright{ padding: 10px; }
  nav li dl dd a{ padding: 16px; }
  .nav_box{ padding: 20px; }
  .nav_box h4{ font-size: 28px; }
  .nav_box p{ font-size: 18px; }
  .nav_box{ width: 440px; }
  .nav_box span{ white-space:normal; line-height: 24px; }
  .page_tit{ font-size: 38px; }
  .del_game .lcon h4{ font-size: 27px; }
  .del_chang p{ line-height: 26px; margin-top: 10px; }
  .del_chang h4{ font-size: 30px; }
  .del_chang h6{ font-size: 22px; line-height: 28px; }
  .del_user ul{ margin-top: 25px; }
  .del_user ul li{ padding: 0 10px; }
  .del_rows ul li h6{ font-size: 60px; }
  .del_rows ul li h2{ font-size: 28px; }
  .del_rows ul li{ padding: 0 20px; }
  .del_downloadbox li{ margin-right: 2%; width: 32%; }
  .page_head:before{ left: 32.2%; width: 118px; }
  .positionline h1{ font-size: 32px; }
  .news-libox .rcon .news-text p{ margin-top: 6px; }
  .infocon h2{ font-size: 32px; }
  .infocon p{ line-height: 25px; }
  .con_us ul{ padding-right: 0; margin-top: 25px;}
  .con_us ul li{ margin-bottom: 24px; }
  .pro_swiper h2{ font-size: 36px; }
  nav li{ margin-right: 0; }
  .box{ top: 32%; }
  .box2{ top: 58%; }
}

@media screen and (max-width: 1240px){
  .header:before{ width: 209px; }
  .p_dec{ margin-top: 4px; }
  .in_videopic{ margin-top: 14px; height: 597px; }
  .in_ab ul li{ margin-right: 3%; width: 31%; }
  .positionline h1{ font-size: 30px; }
  .pro_swiper h2{ font-size: 34px; }
  .del_game .lcon h4{ margin-bottom: 14px; }
  .del_game .lcon p{ line-height: 26px; }
  .del_swiper .owl-theme .owl-controls{ margin-top: 10px; }
  .del_swiper .owl-theme .owl-controls .owl-page span{ width: 14px; height: 14px; }
  .page_tit{ font-size: 36px; }
  .del_chang .rcon{ padding-top: 0; }
  .del_user p{ margin-top: 10px; }
  .del_chang, .del_user, .del_rows,.del_spe{ padding: 50px 0; }
  .del_rows ul li h2{ font-size: 25px; }
  .del_downitem h6{ margin-top: 12px; }
  .footer_logo{ width: 190px; }
  .footer_logo img{ width: 100%; }
  footer .item2{ width: 31%; margin-left: 4%; }
  footer .item{ padding-top: 42px; }
  .f_emailbox{ margin-top: 24px; }
  .infocon .other{ margin-top: 30px; }
  .infoform{ margin-top: 14px; }
  .infoform li{ margin-bottom: 12px; }
  .contactbot{ margin-top: 40px; }
  .con_us ul li{ margin-bottom: 16px; }
  .del_game{ padding: 50px 0; }
  nav li>a, .position nav li>a{ padding: 30px 18px 29px 18px; }
  .prom_rcon{ padding: 0 0 0 30px; }
  .prom_pp dl dt{ font-size: 20px; }
  .prom_pp dl dd p{ line-height: 22px; font-size: 16px; }
  .prom_pp{ margin-top: 12px; }
  .prom_rcon span{padding: 10px 32px;}
  .prom_textpp{ margin-top: 35px; }
  .tex_pp p,.prom_otpp p{ line-height: 26px; }
  .del_pbg{ padding: 25px; }
  .del_rows ul li h6{ height: 65px; }
}

@media screen and (max-width: 1100px){
  .warper{ width: 100%; padding: 0 60px; }
  .header:before{ width: 180px; }
  .in_hotbtn{ top: 16px; }
  .in_hotbtn li h6{ width: 45px; height: 45px; line-height: 45px; font-size: 28px; }
  .in_hotbtn li{ width: 45px; height: 45px; }
  .in_hotbtn li:nth-of-type(2){ top: 56px; }
  .in_hotbtn li:nth-of-type(3){ top: 112px; }
  .in_hotbtn li:nth-of-type(4){ top: 168px; }
  .in_hottext h2{ font-size:22px; }
  .in_videopic{ height: 540px; }
  .page_head:before{ left: 33.7%; width: 103px; }
  nav li dl dd p{ font-size: 20px; }
  nav li dl dd span{ font-size: 15px; }
  .nav_box{ width: 400px; }
  .nav_box h4{ font-size: 24px; }
  .pro_swiper h2{ font-size: 32px; }
  .pro_swiper .links{ margin-top: 12px; }
  .del_game .lcon, .del_game .rcon{ width: 100%; float: none; }
  .del_game .lcon{ padding-right: 0; }
  .del_game .rcon{ margin-top: 15px; }
  .search-button{ display: none; }
  .languagewar, .position .languagewar{ right: 10px; }
  nav li{ margin-right: 0; }
  .del_swiper .item{ margin: 0 10px; }
  .del_chang h6{ line-height: 22px; }
  nav{ margin-right: 94px; }
  .del_chang h4{ font-size: 26px; }
  .del_chang p{ font-size: 16px; }
  .del_user ul li{ padding: 0 5px; }
  .page_tit{ font-size: 32px; }
  .del_download{ padding-top: 40px; }
  .news-libox .rcon .news-text span{ display: none; }
  .news-text{ padding-top: 20px; }
  .custpage a,.custpage span{ width: 30px; height: 30px; line-height: 30px; }
  footer .item2{ display: none; }
  footer .item1,footer .item3{ width: 48%; }
  .abjs_tit h6{ font-size: 52px; width: 55px; }
  .abjs_tit{ padding-left: 62px; }
  .in_ab, .in_news{ padding: 40px 0; }
  .home_boxtit{ font-size: 34px; }
  .box2 { top: 55%;}
  .box{ top: 29%;}

}
@media screen and (max-width: 1024px){ 
  .l_fixed{ display: none; }
  .warper{ width: 100%; padding: 0 40px; } 
  .home_boxtit ul li:first-child{ margin-right: 32px; }
  .header:before{ left: 26.8%; width: 173px; }
  .logo{ width: 180px; }
  .logo img{ width: 100%; }
  .position .logo img{ height: auto; }
  .in_videopic{ height: 520px; }
  .in_abjs p{ margin-top: 8px; }
  .in_newsbox li{ margin-right: 2%; width: 32%; }
  footer .item{ padding-top: 30px; }
  .page_head:before{ left: 32.8%; width: 95px; }
  .news-libox .rcon .news-text h2{ font-size: 24px; margin-top: 10px; }
  .news-libox .rcon{ padding-left: 20px; }
  .news-ul li{ margin-bottom: 20px; }
  .news-box, .contact_box{ margin-bottom: 50px; }
  .infocon{ margin-bottom: 60px; }
  .infocon p{ margin-bottom: 10px; }
  .infocon .time{ margin: 10px 0; }
  .technology_box{ padding-top: 40px; }
  .in_news, .del_infoform, .technology_box{ padding-bottom: 50px; }
  .con_fstit a, .con_fstit span{ margin-top: 2px; }
  .logo{ left: 25px; }
  .video-ul li{ width: 32%; margin-bottom: 22px; }
  .video-ul li:nth-of-type(4n){ margin-right: 2%; }
  .video-ul li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 990px){
   #nav .nav-button{display: block; top: 14px; }
  header,header.position{ height: 62px; }
  .logo{ top: 5px; left: 15px; }
  .logo img{ height: 52px; }
  .position .logo img{ height: 52px; }
  .header:before,.page_head:before{ display: none; }
  #banner_home,.subbanner{ margin-top: 62px; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width: auto; z-index: 99;overflow: auto;background: #004097; transform: translateX(-340px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin-right: 0; }
  nav li>a{ margin:0; color: #fff;  display:block; padding:15px 20px; border-bottom:none; text-align: left;}
  nav li dl{ left: 0; border:0; top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; } 
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  nav li.on a, nav li:hover a{ background: #e60039; color: #fff; }
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li.on a:after,nav li:hover a:after{ width: 0;}
  nav li dl dd a{ color: #fff !important; background: #01357b !important; font-size: 16px; }
  .position nav dl{ top: 0; }
  .position nav li>a{ padding:15px 20px; }
  .head_rcon,.position .head_rcon{ display: none; }
  .languagewar,.position .languagewar{ top: 12px; right: 60px; }
  nav dl dd:hover .nav_box,nav li dl dd span{display: none;}
  nav li dl dd p{ font-size: 22px; font-family: HELVETICANEUELTPRO-LT; margin-bottom: 0; }
  nav li dl{ background: #004097; }
  nav dl dd{ border-bottom: none; }
  nav li dl dd a:hover{ background: #e60039 !important; }
  nav li>a:after{ width: 0; }
  .footer_ltext p{ height: auto; display: inline-block; }
  nav li dl dd p{ font-size: 16px; }
  .box2 { top: 53%;}
}
@media screen and (max-width: 768px){
  .warper{ width: 100%; padding: 0 30px; }
  .in_hotbtn{ display: none; }
  .in_hotpic{ padding: 0; }
  .in_videopic{ height: 388px; }
  .in_video{ background: #fff; padding-bottom: 30px; }
  .p_dec{ padding: 0; }
  .in_ab ul li{ width: 100%; margin-right: 0; margin-bottom: 20px; }
  .abjs_tit{ white-space:nowrap; font-size: 20px; line-height: 26px; }
  .abjs_tit h6{ font-size: 44px; line-height: 54px; }
  .in_ab ul li:last-child{ margin-bottom: 0; }
  .news_titdate h3,.video_item h3{ font-size: 22px; line-height: 24px; height: 48px; }
  .news_del span{ display: none; }
  .gallery-top-box{ padding: 0 10px; }
  .gallery-top-box .swiper-button-next{ right: 10px; }
  .gallery-top-box .swiper-button-prev{ left: 10px; }
  .padt80{ padding-top: 25px; }
  .positionline h1{ font-size: 26px; }
  .positionline{ bottom: 15px; }
  .positionline p{ margin-top: 2px; }
  .del_game .lcon h4{ font-size: 24px; }
  .del_chang .lcon, .del_chang .rcon{ width: 100%; float: none; }
  .del_chang .rcon{ padding-left: 0; }
  .del_game,.del_chang, .del_user, .del_rows, .del_spe{ padding: 40px 0; }
  .pro_swiper{ padding-bottom: 30px; }
  .del_user ul li{ width: 50%; margin-bottom: 10px; }
  .del_rows ul li{ width: 100%; float: none; margin-bottom: 15px; }
  .del_rows ul li h6{ font-size: 48px; margin-bottom: 2px; }
  .del_rows ul li h2{ font-size: 20px; }
  .del_rows ul li p{ margin-top: 2px; }
  .del_rows ul li:last-child{ margin-bottom: 0; }
  .parameter-table tr td{ padding: 10px; }
  .del_download{ padding: 40px 0; }
  .del_downloadbox{ margin-top: 10px; }
  .del_downloadbox li{ margin-right: 1%; width: 32.5%; }
  .del_downitem p{ margin-top: 10px; font-size: 18px; }
  .del_downitem h6{ display: none; }
  .del_infoform{ padding-top: 40px; }
  .news-text{ padding-top: 8px; }
  .news-libox .rcon .news-text p{ line-height: 24px; height: 48px; }
  .news-ul li{ margin-bottom: 15px; }
  .infocon h2{ font-size: 28px; }
  .infocon .other{ margin-top: 8px; }
  .con_inform p{ margin-top: 5px; }
  .contactbot .lcon{ width: 100%; padding: 0; float: none; }
  .contactbot .rcon{ width: 100%; float: none; }
  .con_us ul{ margin-top: 10px; }
  .getbox{ width: 100%; left: 0; margin-left: 0; }
  .video-ul li{ width: 49%; margin-bottom: 15px; }
  .video-ul li:nth-of-type(3n){ margin-right: 2%; }
  .video-ul li:nth-of-type(even){ margin-right: 0; }
  .prom_lcon{ width: 100%; float: none; }
  .prom_rcon{ float: none; width: 100%; padding: 0; margin-top: 15px; }
  .prom_rcon h2, .prom_textpp li h5, .prom_ot h5{ font-size: 24px; }
  .tex_pp{ margin-top: 8px; }
  .promdel_icon ul li{ width: 50%; float: left; }
  .del_rows ul li h6{ height: 48px; }
  .promdel_icon{ margin-top: 20px; }
  .prom_ot{ margin-top: 25px; }
  .del_pbg{ margin-top: 18px; }
  .tex_pp p, .prom_otpp p{ line-height: 24px; }
  .box2 {
    top: 50%;
}.box {
    top: 25%;
}
}
@media screen and (max-width: 750px){
  .home_boxtit ul li{ display: none; }
}
@media screen and (max-width: 640px){
 .home_boxtit ul{ display: none; }
 .in_hotpro,.in_video,.del_game, .del_chang, .del_user, .del_rows, .del_spe,.del_download{ padding: 30px 0; }
 .home_boxtit{ font-size: 28px; }
 .in_videopic{ height: 315px; }
 .in_ab, .in_news{ padding: 30px 0; }
 .in_newsbox li,.del_downloadbox li{ width: 100%; float: none; margin: 0; margin-bottom: 20px; }
 .news_del span{ display: inline-block; }
 .news_del p{ height: 50px; }
 .in_newsbox li:last-child,.del_downloadbox li:last-child{ margin-bottom: 0; }
 .pro_swiper .links a{ width: 204px; }
 .pro_swiper h2{ font-size: 28px; }
 .del_downitem p{ font-size: 24px; }
 .del_infoform{ padding-top: 30px; }
 .news-libox .lcon{ width: 42%; }
 .news-libox .rcon{ width: 58%; }
 .infocon{ margin-bottom: 40px; }
 .contactbot{ margin-top: 30px; }
 .box2 {
    top: 46%;
}
}

@media screen and (max-width:480px){
 .in_pronav{
    width: 100%;
    text-align: left;
}
 .in_pronav li{width:49.5%;padding:2px; text-align: center}
 .in_pronav li a{font-size:16px;height:47px;line-height:47px} 
 .warper{ width: 100%; padding: 0 20px; }
 .subbanner{ overflow: hidden; }
 .logo img{ height: 40px; width: auto; }
 .logo{ top: 11px; }
 .in_hottext{ margin-top: 8px; }
 .in_hotprobox .in_hotpicbox,.in_hotprobox .in_hotpicbox:last-child{ width: 100%; float: none; margin-bottom: 20px; }
 .in_hotprobox .in_hotpicbox:last-child{ margin-bottom: 0; }
 .in_hottext span{ margin-top: 6px; }
 .in_hottext h2{ margin-bottom: 2px; }
 .in_videopic{ height: 235px; }
 .news_del span{ margin-top: 8px; }
 .news_del{ margin-top: 4px; }
 footer .item1, footer .item3{ width: 100%; float: none; }
 footer .item3{ padding-top: 0; }
 .media,.footer_ltext{ margin-top: 10px; }
 .footer_logo{ width: 140px; }
 .position .logo img{ height: 40px; }
 .gallery-top-box .swiper-button-next{ right: 0; }
 .gallery-top-box .swiper-button-prev{ left: 0; }
 .pro_swiper .warper{ padding: 0; }
 .pro_swiper .links a{ width: 160px; height: 48px; line-height: 48px; }
 .pro_swiper .links a:nth-of-type(2){ margin-left: 5px; }
 .pro_swiper .links a i{ display: none; }
 .del_user p{ width: 100%; padding: 0; }
 .page_tit{ font-size: 26px; }
 .del_game .lcon h4{ font-size: 20px; margin-bottom: 2px; }
 .del_swiper .item{ margin: 0; }
 .del_chang h4{ margin-bottom: 2px; }
 .del_chang p{ line-height: 22px; }
 .del_chang .page_tit{ margin-bottom: 2px; }
 .del_user p{ line-height: 24px; }
 .del_user ul{ margin-top: 18px; }
 .infoform li{ width: 100%; float: none; margin-bottom: 6px; }
 .infoform li:nth-child(even){ margin-left: 0; }
 footer .item1{ padding-bottom: 20px; }
 .footer_ltext{ margin-top: 5px; }
 .news-libox .lcon,.news-libox .rcon{ width: 100%; float: none; padding: 0; }
 .news-libox .rcon .news-text h2{ margin-top: 2px; }
 .news-libox .rcon .news-text span{ display: inline-block; margin-top: 5px; }
 .news-ul li{ margin-bottom: 20px; }
 .custpage{ margin-top: 10px; }
 .news-box, .contact_box{ margin-bottom: 40px; }
 footer .copyright{ font-size: 16px; }
 .in_news, .del_infoform, .technology_box{ padding-bottom: 40px; }
 .technology_box{ padding-top: 30px; }
 .con_us p{ margin-top: 4px; }
 .subbanner img{ height: 130px; width: auto; }
 .video-ul li{ margin-bottom: 8px; width: 100%; float: none; }
 .prom_rcon span{ padding: 10px 20px; }
 .prom_rcon h2, .prom_textpp li h5, .prom_ot h5{ font-size: 22px; }
 .prom_textpp{ margin-top: 20px; }
 .prom_textpp li h5 i, .prom_ot h5 i{ font-size: 23px; }
 .promdel_icon ul li{ width: 100%; float: none; }
 .prom_otpp p{ margin-top: 10px; }
 .del_pbg{ padding: 10px; }
 .del_pbg p{ line-height: 24px; }
 .del_rows ul li h6{ font-size: 40px; height: 40px; }
 .ma_cond{ display: block; position: static; width: 100%; top: 0; left: 0; }
 .box,.box2{ position: static; }
 .map_box{ padding-bottom: 25px; }
 .map_box .changpic,.yuan:before, .yuan:after,.yuan span{ display: none; }
 .yuan{ margin-bottom: 10px; }
 .ma_cond{ padding: 12px; }

}
@media screen and (max-width:414px){
 .warper{ width: 100%; padding: 0 15px; }
 .in_hotpro{ padding-top: 20px; }
 .pro_swiper .links a{ font-size: 18px; }
 .padt80{ padding-top: 20px; }
 .in_hotpro, .in_video, .del_game, .del_chang, .del_user, .del_rows, .del_spe, .del_download{ padding: 20px 0; }
 .in_videopic{ height: 216px; }
 .home_boxtit{ font-size: 26px; }
 
}
@media screen and (max-width:380px){
  .gallery-thumbs .swiper-slide img {
    max-width: 93%;
    height: 90%;
  }
 
}