@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'OSWALD';
  src: url('fonts/OSWALD.eot');
  src: local('☺'), url('fonts/OSWALD.woff') format('woff'), url('fonts/OSWALD.ttf') format('truetype'), url('fonts/OSWALD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{font-family:Arial, Helvetica, sans-serif; font-size:18px;overflow-x: hidden; color: #333;}
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: #333;text-decoration:none;background-color:transparent;transition: 0.5s;}
a:hover{cursor: pointer; color:#0b59a9;}
a:focus,input:focus,textarea:focus,button:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }
html{ width: 100%; height: 100%;}
body{ width: 100%;  height: 100%; }

.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-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{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

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

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

.icon-qiyezongzhi:before {
  content: "\e67d";
}

.icon-ganwu:before {
  content: "\e673";
}

.icon-mubiao:before {
  content: "\e602";
}

.icon-shuxing:before {
  content: "\e611";
}

.icon-rili:before {
  content: "\e605";
}

.icon-lianjie:before {
  content: "\e60b";
}

.icon-zhengshu:before {
  content: "\e624";
}

.icon-shebei:before {
  content: "\e604";
}

.icon-wenhua:before {
  content: "\e6b5";
}

.icon-fuwu:before {
  content: "\e693";
}

.icon-zuobiao:before {
  content: "\e606";
}

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

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

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

.icon-zhuye:before {
  content: "\e6c5";
}

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

.icon-youtube:before {
  content: "\e6ab";
}

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

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

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

.icon-wechat:before {
  content: "\e608";
}

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

.icon-liaotian:before {
  content: "\e6a5";
}

.icon-skype:before {
  content: "\e707";
}

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

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

.icon-666666-copy:before {
  content: "\ec8d";
}

.icon-shouji:before {
  content: "\e647";
}

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


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: #f6f6f6; overflow: hidden;  }
.warper{ width:1440px; margin:0 auto; position: relative;}
.backToTop{width:55px; height:55px; border-radius: 55px; background:#f1830f url(images/icon_top.png) no-repeat center; background-size: 40%; cursor:pointer; position:fixed; right:20px; text-indent:9999px; z-index: 66; bottom:10%; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

header{ width: 265px; height: 100%; padding-top:35px; background: #0b59a9; z-index: 999; position: fixed;  top: 0;  left: 0; }
.logo{ margin-left: 34px; }

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;background: #e7b316 ; 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{ width: 100%; margin-top: 32px; padding-left: 26px; }
nav li{ position: relative; margin-bottom: 20px; }
nav li>a{ padding: 8px 0 8px 55px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #fff; font-size: 20px; font-family: OSWALD; width: 100%; position: relative; display: block; transition:0.5s;  }
nav li:hover a,nav li.on a{ color: #194e90; background: #f8f8f8; }
nav li dl{ position: absolute; visibility: hidden; transition: all 0.3s; transform: translate3d(0px, 10px, 0px);
    -moz-transform: translate3d(0px, 10px, 0px);
    -webkit-transform: translate3d(0px, 10px, 0px); width: 210px; opacity: 0; left:100%; top: -10px; overflow: hidden; background-color: #e3ebf3;} 
nav li dl dd a{ padding: 20px; background: transparent !important; width: 100%; color: #333!important; display: inline-block; font-size: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
nav li dl dd:hover a{ padding: 20px 25px; color: #0b59a9 !important; }
nav li:hover dl{ opacity: 1; visibility: visible; }

.c_mailtel{ padding: 0 25px; margin-top:22px; }
nav li{ margin-bottom: 12px; }
.c_mailtel li{ margin-bottom: 15px; }
.c_mailtel li a{ background:rgba(255,255,255,0.2); padding: 0 5px 0 20px; border-radius: 30px; width: 100%; display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color: #b9cfea;  }
.c_mailtel li a i{ display: inline-block; font-size: 17px; color: #fff; margin-right: 6px; }
.c_mailtel li a:hover{ background: #094684; }
.c_mailtel li a:hover,.c_mailtel li a:hover i{ color: #fff; }
.c_mailtel li *{ vertical-align: middle; }

.sear_lang{margin-top: 25px; padding: 0 25px;}
.header_ipt{ width: 100%; height: 38px; position: relative; }
.header_ipt input{ width: 100%; padding:0 38px 0 22px;  border:none; font-size: 16px; height: 38px; border-radius: 38px; background: #f1830f ; color: #fff; font-family: Arial; }
.header_ipt input::-webkit-input-placeholder{ color: #fff; }
.header_ipt button{ position: absolute; top: 0; right: 15px; width: 30px; border: none; height: 38px; color: #fff; background: transparent; }
.header_ipt button i{ font-size: 22px;}
.languagebox{ position: relative; width: 100%; height: 38px; margin-top: 15px; }
.languagebox ul{ border:2px solid #28477e; width: 100%; border-radius: 38px;  height: 38px; display: inline-block; vertical-align: middle; overflow: hidden; z-index: 5;  position: absolute; left: 0; top: 0; }
.languagebox ul li{ height: 38px; padding:0 20px 0 8px; background: #fff; font-size: 16px; }
.languagebox ul li:first-child{ background:url(images/select_arrow.png) no-repeat 90% center #fff; height: 38px; }
.languagebox a{ line-height: 34px; display: flex; align-items: center; font-family: Arial; color: #28477e; }
.languagebox a i{ width: 27px; margin-right: 10px; position: relative; height: 27px; overflow: hidden; border-radius: 27px; display: inline-block; }
.languagebox a i img{ position: absolute; vertical-align: top; top: 0; left: 0; width: 100%; height: 100%; border-radius: 27px; }
.languagebox:hover ul,.position .languagebox:hover ul{height:auto; border-radius: 0; }
.languagebox ul li a:hover{ color: #0b59a9; }


.media{ margin-top: 30px; text-align: center; }
.media a{ width: 30px; height: 30px; display: inline-block; border-radius: 30px; margin: 0 2px; line-height: 30px; color: #3c7aba; font-size: 18px; }
.media a:nth-of-type(1):hover{background: #36b9ff; }
.media a:nth-of-type(2):hover{background: #36b9ff; }
.media a:nth-of-type(3):hover{background: #0183bf; }
.media a:nth-of-type(4):hover{background: #c60c1e; }
.media a:hover{ color: #fff; }

.footer{ background: #060606; width: 100%; padding: 68px 0 0 0; }
.footer .warper{ padding-right: 142px; }
.footer_box{ width: 100%; overflow: hidden; padding-bottom: 68px; }
.footer_box .lcon{ float: left; width: 79%; }
.footer_box .rcon{ float: right; width: 10%; }
.f_logo{ width: 100%; overflow: hidden; }
.f_log{ width:202px; float: left;  }
.f_text{ margin-left: 252px; }
.f_text p{ font-size: 14px; line-height: 24px; color: #7a7a7a; margin-top: 8px; }
.f_con{ margin-top: 65px; overflow: hidden; }
.f_con li{ float: left; margin-right: 70px; color: #bebebe; font-size: 16px; }
.f_con li:last-child{ margin-right: 0; }
.f_con li i{ display: inline-block; font-size: 25px; color: #fff; }
.f_con li a{ font-size: 17px; color: #fff; }
.f_con li a:hover{ text-decoration: underline; }
.f_con li *{ vertical-align: top; }

.c_right{ background: #060606; padding: 16px 0; border-top: 1px solid #0c0e11; }
.c_right p{ text-align: center; color: #3d4453; font-size: 16px; }

.changpic { width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }

.dowebok{ margin-left: 265px; width: calc(100% - 265px); }
.banner{ width: 100%; height: 100%; background: #000; z-index: -222; position: fixed; top: 0; overflow: hidden; }
.banner_home{ position: relative; }
.banner_home .item{background-size: cover; -webkit-background-size:cover; background-position: center; background-repeat: no-repeat; height:100vh;
  position: relative;}
.banner_home .items{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 86.1%; height: 100%; z-index: 0;}
.banner_home .items img,.banner_home .items video{ height: 100%; }
.cl{ clear: both; }
/*版块标题*/
.home_boxtit{ font-size: 40px; font-family: OSWALD; text-transform: uppercase; }
.home_boxtit span{ color: #fff; display: inline-block; background: #f1830f; padding:5px 25px; position: relative; }
.home_boxtit span:after{ content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 69px; background: url(images/pngicon.png) no-repeat; background-size: cover; }

.sub_nav{ text-align: center; font-size: 16px; margin-bottom: 24px; }
.sub_nav i{ color: #fff; background: #ee7d0c; font-size:12px; margin-right:5px; display: inline-block; width: 24px; height: 24px; border-radius: 24px; text-align: center; line-height: 24px; }
.sub_nav span,.sub_nav a{ color: #666;  }
.sub_nav a:hover{ color: #ee7d0c; }

/*首页*/
.in_pro{margin-top: 65%; background: #fff; padding: 58px 0 62px 0; }
.in_proswiper{ margin-top: 40px; position: relative; }
.in_ptext{ background: #fff; transition: all 0.3s; min-height: 300px; padding: 80px 50px; text-align: center; }
.in_ptext p{ font-size: 20px; text-transform: uppercase; font-weight: bold; height: 28px; line-height: 28px; overflow: hidden; }
.in_ptext span{ display: inline-block; margin-top: 15px; font-size: 15px; line-height: 20px; color: #888; height: 80px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.in_proitem{ position: relative; }
.in_proitem .changpic{ background: #f2f2f2; }
.in_ppic{ position: relative; overflow: hidden; }
.in_pmask{ position: absolute; transition: all 0.3s; display: flex; align-items: center; justify-content: center; background: rgba(11,89,169,0.5); top: -120%; left: 0; width: 100%; height: 100%; }
.in_pmask h6{ width: 58px; height: 58px; line-height: 58px; background: #fff; border-radius: 58px; text-align: center; color: #295177; font-size: 35px; }
.in_proitem:hover .in_ptext{ background: #0b59a9; }
.in_proitem:hover .in_ptext p{ color: #fff; }
.in_proitem:hover .in_ptext span{ color: #afc3d7; }
.in_proitem:hover .in_pmask{ top: 0; }
.in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ position: absolute; top: 300px; left: 0; }
.in_proswiper .owl-theme .owl-controls{ position: absolute; right: 62px; top: -100px;  }
.in_proswiper .owl-theme .owl-controls .owl-nav div{ transition: all 0.3s; padding: 0; margin: 0; opacity: 1; border: none; background: url(images/right.png) center center no-repeat #e8eff6; border-radius: 0; background-size: 26%; position: absolute; height: 47px; width: 60px; }
.in_proswiper .owl-theme .owl-controls .owl-nav .owl-prev{ text-indent: -9999em; left: 0; background: url(images/right2.png) center center no-repeat #0b59a9; background-size: 26%;}
.in_proswiper .owl-theme .owl-controls .owl-nav .owl-next{ text-indent: -9999em; right: 0; transform: rotate(180deg); }
.in_proswiper .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ background: url(images/right2.png) center center no-repeat #0b59a9; background-size: 26%; }


.in_what{ background: url(images/in_whatbg.jpg) fixed no-repeat; background-size: cover; padding: 56px 0 54px 100px; }
.in_what h2{ color: #fff; font-style: italic; text-transform: uppercase; font-size: 30px; }
.in_whatbox{ margin-top: 38px; position: relative; overflow: hidden; background: #fff; padding: 40px 40px 20px 40px; }
.in_whatbox li{ float: left; position: relative; width: 24%; text-align: center; padding: 0 3%; }
.in_whatbox li h6{ width: 94px; text-align: left; padding-left: 20px; font-size: 46px; color: #87a0b9; height: 95px; background: url(images/i_whaticon.png) no-repeat; background-size: cover; line-height: 95px; }
.in_whatbox li p{ font-size: 20px; font-weight: bold; margin-top: 18px; }
.in_whatbox li:after{ content: ''; width: 1px; height: 123px; background: #eff4f9; position: absolute; right: 0; top: 0; }
.in_whatbox li:last-child:after{ display: none; }
.in_whatbox li:hover h6{ color: #0b5bae; }


.in_ab{ background: #fbfbfb; overflow: hidden; padding: 76px 0 165px 0; position: relative; transform-style: preserve-3d;  }
.in_ab:before{ content: ''; position: absolute; z-index: -1; bottom: 25px; left: 0; width: 1107px; height: 182px; background: url(images/combat.png) no-repeat; background-size: cover; }
.in_abtext{ width: 50%; padding-right: 32px; }
.in_abtext h1{ font-size: 32px; padding-right: 30px; line-height: 40px; font-family: OSWALD; font-style: italic; }
.in_abpp{ margin-top: 20px; height: 336px; overflow: hidden; }
.in_abpp p{ font-size: 16px; line-height: 28px; color: #888; }
.in_abtext a{ display: inline-block; margin-top: 38px; padding: 11px 48px; border: 1px solid #707070; color: #666; }
.in_abtext a:hover{ color: #fff; background: #0b59a9; border: 1px solid #0b59a9; }
.in_abvideo{ width: 50%; position: absolute; right: 0; top: 0; cursor: pointer;}

.in_honor{ background: url(images/ab_honor.jpg) no-repeat center; background-size: cover; padding: 62px 0 78px 0; }
.in_honor ul{ width: 100%; overflow: hidden; }
.in_honor ul li{ width: 18.8%; margin-right: 8%; float: left; }
.in_honor ul li:last-child{ margin-right: 0; /*width: 33.4%;*/ }


.in_case{ width: 100%; padding: 70px 0 90px 0; position: relative; transform-style: preserve-3d; background: #fff; }
.in_case:before{ content: ''; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 328px; background:url(images/in_casebg.jpg) fixed no-repeat; background-size: cover; }
.in_caseswiper{ margin-top: 58px; position: relative; }
.in_caseswiper .item{ margin: 0 15px; }
.in_caseswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ position: absolute; top: 300px; left: 0; }
.in_caseswiper .owl-theme .owl-controls{ position: absolute; right: 62px; top: -100px;  }
.in_caseswiper .owl-theme .owl-controls .owl-nav div{ transition: all 0.3s; padding: 0; margin: 0; opacity: 1; border: none; background: url(images/right.png) center center no-repeat #e8eff6; border-radius: 0; background-size: 26%; position: absolute; height: 47px; width: 60px; }
.in_caseswiper .owl-theme .owl-controls .owl-nav .owl-prev{ text-indent: -9999em; left: 0; background: url(images/right2.png) center center no-repeat #0b59a9; background-size: 26%;}
.in_caseswiper .owl-theme .owl-controls .owl-nav .owl-next{ text-indent: -9999em; right: 0; transform: rotate(180deg); }
.in_caseswiper .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ background: url(images/right2.png) center center no-repeat #0b59a9; background-size: 26%; }
.in_casetext{ background: #fff; padding: 22px 28px 42px 28px;  }
.in_casetext p{ font-size: 20px; font-weight: bold; height: 25px; line-height: 25px; overflow: hidden; }
.in_casetext span{ display: inline-block; margin-top: 8px; color: #888; font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.in_caseitem{ box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1); }
.in_caseitem:hover .changpic img{ transform: scale(1.15); }


.in_news{ width: 100%; background: url(images/in_newsbg.jpg) no-repeat center; background-size: cover; padding: 56px 0 72px 0;   }
.home_boxtit{ text-align: center; }
.in_newsswiper{ margin-top: 52px; }
.in_newsswiper .item{ margin: 0 17px; }
.in_newsitem{ padding: 22px 28px; background: #fff; box-shadow: 0 0 3px 3px rgba(0,0,0,0.02); overflow: hidden; }
.in_nlcon{ width: 229px; float: left; }
.in_nrcon{ margin-left: 229px; padding: 28px 0 0 25px; }
.in_nrcon p{ font-size: 20px; line-height: 28px; font-weight: bold; height: 56px; overflow: hidden; }
.in_nrcon span{ font-size: 16px; line-height: 24px; color: #777; height: 72px; overflow: hidden; display: inline-block; margin-top: 15px; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.in_nrcon em{ font-style: normal; display: inline-block; margin-top: 28px; color: #999; font-size: 16px; }
.in_newsitem:hover .changpic img{ transform: scale(1.15); }
.in_newsswiper .owl-carousel .owl-stage-outer{ padding: 5px 0; }
.in_newsswiper .owl-theme .owl-dots .owl-dot span{ width: 15px; height: 15px;  }
.in_newsswiper .owl-theme .owl-dots .owl-dot.active span{ background: #ec8212; }
.in_newsswiper .owl-theme .owl-dots{ margin-top: 25px; }

.footer{ background: #0b59a9; padding: 58px 100px 46px 66px; overflow: hidden; transform-style: preserve-3d; position: relative; }
.footer:before{ background: url(images/mess_bg.jpg) no-repeat; z-index: -1; width: 49%; height: 100%; content: ''; position: absolute; top: 0; left: 0;  }
.footer .f_mess{ width: 50%; float: left; padding-right: 70px; }
.footer .f_faq{ width: 50%; float: right; padding-left: 70px; }
.footer h3{ color: #fff; font-size: 40px; font-family: OSWALD; }
.f_messdesc{ color: #fff; font-size: 16px; }
.f_messinfo{ margin-top: 22px; position: relative; }
.f_messinfo form{ position: relative;}
.f_messinfo input{ height:58px; line-height: 58px; }
.f_messinfo input,.f_messinfo textarea{  width: 100%; background:rgba(255,255,255,0.3); border-radius: 0; padding: 5px 18px; font-family:Arial; resize: none; color: #fff; font-size: 17px;}
.f_messinfo input::-webkit-input-placeholder, .f_messinfo textarea::-webkit-input-placeholder{ color: #fff; }
.f_messinfo textarea{ padding:15px 18px; height: 158px; }
.f_messinfo button{ width:225px; height: 46px; font-size: 16px; border-radius: 0; display: block; color: #1a2c3e; text-align: center; background:#fff; border: none; cursor: pointer; }
.f_messinfo ul li{ position: relative; margin-bottom: 15px; }
.f_messinfo button:hover{ opacity: 0.85; }
.f_messinfo ul li:last-child{ margin-top: 30px; margin-bottom: 0; }
.f_messinfo .media{ bottom: 5px; position: absolute; left: 258px; }
.f_messinfo .media a{ width: 31px; height: 31px; line-height: 31px; text-align: center; border-radius: 31px; color: #1f3d58; background: rgba(255,255,255,0.6); }
.f_messinfo .media a:hover{ color: #fff; }
.f_lxus{ margin-top: 33px; }
.f_lxus li:first-child{ margin-bottom: 22px; width: 100%; }
.f_lxus li{ float: left; width: 50%; }
.f_lxus li a{ color: #fff; }
.f_lxus li i{ font-size: 23px; color: #97b0c9; margin-right: 6px; }
.f_lxus li a:hover{ text-decoration: underline; }
.f_faqlist{ margin-top: 44px; }
.f_faqlist li{ margin-bottom: 30px; }
.f_faqlist li p{ position: relative; padding-left: 34px; font-weight: bold; color: #fff; line-height: 25px; }
.f_faqlist li p:after{ content: ''; position: absolute; top: 0; left: 0; background: url(images/i_faqicon.png) no-repeat; width: 24px; height: 24px; background-size: cover; }
.f_faqlist li span{ display: inline-block; margin-top: 18px; font-size: 16px; line-height: 22px; color: #a5caef; height: 44px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.f_faqlist li:hover p{ text-decoration: underline; }
.f_faqbtn{ margin-top: 38px; width: 175px; height: 44px; line-height: 44px; color: #fff; background: #ec8212; font-size: 16px; display: inline-block; text-align: center; }
.f_faqbtn:hover{ color: #fff; opacity: 0.85; }
.f_copy{ background: #212931; padding: 16px 0; text-align: center; }
.f_copy p{ color: #a4abb2; }
.f_copy a{color: #d8d8d8;}


.l_fixed{ width: 40px; position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; }
.l_fixed li a{ width:100%; height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #df1717; color: #fff; display: block; }
.l_fixed li a i{ font-size: 20px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #df1717; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #ed7d2a; }
.l_fixed li:nth-of-type(3) a{ background: #3a82d3; }
.l_fixed li:nth-of-type(4) a{ background: #30afeb; }
.l_fixed li:nth-of-type(5) a{ background: #0085b2; }
.l_fixed li:nth-of-type(6) a{ background: #d20000; }
.l_fixed li:nth-of-type(2) a span{ background: #ed7d2a; }
.l_fixed li:hover a span{ width: 250px; left: 40px; }

/*内页banner*/
.subbanner{ position: relative; }
.sub_link{ width: 100%; position: absolute; top: 30%; left: 0; text-align: center; }
.sub_link span{ display: inline-block; color: #fff; font-size: 50px; font-family: OSWALD; background: rgba(20,43,66,0.5); padding: 20px 62px; }
.pat62{ padding-top: 40px; }
/*产品列表*/
.pro_list{ padding-bottom: 65px; }
.pro_linav{ overflow: hidden; text-align: center;  }
.pro_linav li{ display: inline-block; margin-right: 16px; padding-bottom: 10px;    font-size: 16px;}
.pro_linav li a{ display:block; padding: 12px 20px; background: #f2f2f2; color: #666; border: 1px solid #a0a0a0; }
.pro_linav li.on a{ border:1px solid #0b59a9; color: #fff; background: #0b59a9; }
.pro_linav li a:hover{ border: 1px solid #0b59a9; background: #0b59a9; color: #fff; }

.pro_listbox{ margin-top: 40px; overflow: hidden; }
.pro_listbox li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 20px; }
.pro_item .changpic{ background: #f2f2f2; }
.p_text{ background: #fcfcfc; padding: 30px 34px 36px 34px; text-align: center; }
.p_text p{ font-size: 20px; text-transform: uppercase; font-weight: bold; height: 28px; line-height: 28px; overflow: hidden; }
.p_text span{ display: inline-block; margin-top: 15px; font-size: 16px; line-height: 20px; color: #888; height: 60px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.pro_item:hover .p_text{ background: #0b59a9; }
.pro_item:hover .p_text p{ color: #fff; }
.pro_item:hover .p_text span{ color: #afc3d7; }
.pro_item:hover .in_pmask{ top: 0; }
.pro_listbox li:nth-of-type(3n){ margin-right: 0; }
/*关于我们*/
.ab_com{ padding: 0 0 70px 0; position: relative; }
.ab_comtext{ width: 54%; }
.ab_comtext h1{  font-size: 34px; padding-right: 120px; line-height: 50px; font-family: OSWALD; font-style: italic; }
.ab_compp{ margin-top: 35px; }
.ab_compp p{ font-size: 16px; line-height: 32px; color: #888; }
.ab_com .ab_vpic{ position: absolute; width: 44%; right: 0; bottom: 0; cursor: pointer; }

.ab_icon{ padding: 40px 0 32px 0; }
.ab_icon ul{ width: 100%; overflow: hidden; }
.ab_icon ul li{ float: left; width: 32%; margin-right: 2%; }
.ab_icon ul li:last-child{ margin-right: 0; }
.ab_iconitem{ width: 100%; transition: all 0.3s; background: #edf3f8; padding: 85px 2% 0 2%; text-align: center; min-height: 342px; }
.ab_iconitem h6{ width: 96px; height: 96px; border-radius: 96px; text-align: center; line-height: 96px; background: #0b59a9; color: #fff; font-size: 50px; }
.ab_iconitem p{ margin-top: 20px; font-size: 28px; font-family:OSWALD;  }
.ab_iconitem span{ opacity: 0; display: inline-block; margin-top: 8px; color: #fff; line-height: 23px; font-weight: bold; }
.ab_iconitem:hover{ background: url(images/ab_iconbg.jpg) no-repeat; background-size: cover; }
.ab_iconitem:hover p{ color: #fff; }
.ab_iconitem:hover{ padding: 62px 2% 0 2%; }
.ab_iconitem:hover span{ opacity: 1; }
.ab_iconitem:hover h6{ background: #fff; color: #0b59a9; }
.ab_icon ul li:nth-of-type(2) .ab_iconitem:hover{ background: url(images/ab_iconbg2.jpg) no-repeat; background-size: cover; }
.ab_icon ul li:nth-of-type(3) .ab_iconitem:hover{ background: url(images/ab_iconbg3.jpg) no-repeat; background-size: cover; }

.ab_equ{ padding:34px 0 45px 0;  }
.ab_titi{ background: #edf3f8; display: inline-block; padding: 20px 40px 20px 50px; font-size: 28px; font-weight: bold; text-transform: uppercase; border-left: 8px solid #0b59a9; }
.ab_equdesc{ margin-top: 20px; }
.ab_equdesc p{ font-size: 16px; line-height: 30px; color: #666; }
.ab_equswiper{ margin-top: 35px; }
.ab_equswiper .item{ margin: 0 12px; }
.ab_equswiper .owl-theme .owl-dots{ margin-top: 30px; }
.ab_equswiper .owl-theme .owl-dots .owl-dot span{ width: 19px; border-radius: 19px; height: 19px; background: #d7dfe6; }
.ab_equswiper .owl-theme .owl-dots .owl-dot.active span{ background: #0b59a9; }

.ab_cer{ background: #eef4f9; padding: 60px 0 88px 0; }
.ab_cer .ab_titi{ background: #d4dde4; }
.ab_cerswiper,.ab_cerswipertt{ margin-top: 52px; position: relative; }
.ab_cerswiper .item,.ab_cerswipertt .item{ margin: 0 20px; }
.ab_cerswiper .owl-theme .owl-controls,.ab_cerswipertt .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; z-index: 55; }
.ab_cerswiper .owl-theme .owl-controls .owl-nav,.ab_cerswipertt .owl-theme .owl-controls .owl-nav { position: relative; border-radius: 0; }
.ab_cerswiper .owl-theme .owl-controls .owl-nav div,.ab_cerswipertt .owl-theme .owl-controls .owl-nav div{ background: url(images/cer_right.png) center center no-repeat; margin: 0; position: absolute; border-radius: 0; height: 36px; width: 20px; }
.ab_cerswiper .owl-theme .owl-controls .owl-nav .owl-prev,.ab_cerswipertt .owl-theme .owl-controls .owl-nav .owl-prev{ text-indent: -9999em; left: -30px; transform: rotate(180deg);}
.ab_cerswiper .owl-theme .owl-controls .owl-nav .owl-next,.ab_cerswipertt .owl-theme .owl-controls .owl-nav .owl-next{ text-indent: -9999em;  right: -30px; }
.ab_cerswiper .owl-theme .owl-controls .owl-nav div:hover,.ab_cerswipertt .owl-theme .owl-controls .owl-nav div:hover{ opacity: 0.75; background: url(images/cer_right.png) center center no-repeat transparent; }

.ab_service{ padding: 62px 0 68px 0; }
.ab_serbox{ margin-top: 30px; overflow: hidden; background: #edf3f8; }
.ab_serbox .lcon{ width: 486px; float: left; }
.ab_serbox .rcon{ margin-left: 486px; padding: 36px 50px 0 52px; }
.ab_serbox .rcon ul li{ color: #6d7f8d; line-height: 25px; margin-bottom: 20px; padding-left: 32px; position: relative; }
.ab_serbox .rcon ul li:after{ content: ''; width: 24px; height: 20px; position: absolute; top: 2px; left: 0; background: url(images/ser_icon.png) no-repeat; }

footer{ padding: 58px 99px 50px 68px; overflow: hidden; background: url(images/f_bg.jpg) no-repeat center; background-size: cover; }
footer .f_lcon{ width: 57%; float: left; }
footer .f_rcon{ width: 43%; float: right; padding-left: 56px; }
footer h3{ color: #fff; text-transform: uppercase; font-size: 36px; font-family: OSWALD; }
footer .f_messinfo ul li{ float: left; width: 49%; margin-bottom: 18px; margin-right: 2%; }
footer .f_messinfo ul li:nth-of-type(2){ margin-right: 0; }
footer .f_messinfo ul li:nth-of-type(3),footer .f_messinfo ul li:nth-of-type(4){ width: 100%; }
footer .f_messinfo input{ height: 50px; line-height: 50px; }
footer .f_messinfo textarea{ height: 124px; }
footer .f_messinfo ul li:last-child{ margin-top: 6px; }
.f_media{ position: relative; }
.f_media .media{ top: 17px; position: absolute; left: 207px; margin-top: 0; }
.f_media .media a{ width: 27px; height: 27px; line-height: 27px; text-align: center; border-radius: 27px; color: #2c4d6a; background: rgba(143,161,178,0.6); }
.f_media .media a:hover{ color: #fff; }
.f_confx{ margin-top: 30px; }
.f_confx li{ margin-bottom: 28px; padding-left: 36px; position: relative; font-size: 20px; color: #fff; font-weight: bold; }
.f_confx li a,.f_confx li span{ color: #cadef0; font-size: 18px; font-weight: normal; }
.f_confx li i{ position: absolute; top: 0; left: 0; color: #97b0c9; font-size: 25px; font-weight: normal; }
.f_confx li a:hover{ color: #fff; }

.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; }
/*分页 结束*/
.digg4{ text-align:center; font-size: 16px; font-weight: bold; margin-top: 50px; }
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:40px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; border: 1px solid #cecece; height:40px; line-height: 40px;  border-radius: 0; color:#999; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background:#0b59a9; border: 1px solid #0b59a9; }
.digg4 span.disabled { font-size: 30px; line-height:30px; font-weight: normal;  background: #e1e1e1; color: #333;}
.digg4 a{ border: 1px solid #cecece; color: #666; }
/*分页 结束*/
/*case*/
.case_box{ padding-bottom: 70px; }
.case_list{ width: 100%; overflow: hidden; padding: 5px; }
.case_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 26px; }
.case_list li:nth-of-type(3n){ margin-right: 0; }


/*产品详情*/
.pro_gdbox{ width: 100%; overflow: hidden; }
.pro_gdbox .prolcon{ width: 52%; float: left;  }
.pro_swiper{ position: relative; background: #f2f2f2; }
.pro_swiper .owl-theme .owl-controls{ position: absolute; bottom:15px; width: 100%; text-align: center; }
.owl-theme .owl-dots .owl-dot span{ width: 12px; height: 12px; background: #cecece; }

.pro_gdbox .prorcon{ width: 48%; float: right; padding-left: 44px; padding-top: 30px; padding-right: 78px; }
.pro_gdbox .prorcon h1{ font-size: 30px; font-family: OSWALD; text-transform: uppercase; }

.pro_table{ overflow-x: auto; margin-top: 12px; padding-right: 80px;     height: 265px;}
.pro_table table{ border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; width: 100%; }
.pro_table table tr td{ padding:9px 16px; font-size: 16px;  border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; }
.pro_table table tr:nth-of-type(even) td{ background: #f5f5f5; }

.share{ margin-top: 25px; }

.pro_lxbtn{ margin-top: 10px; }
.pro_lxbtn a{ background: #0b59a9; text-align: center; padding:12px 10px; width: 45%; font-size: 16px; color: #fff; display: inline-block; }
.pro_lxbtn a i{ display: inline-block; font-weight: normal; font-size: 22px; margin-right: 6px; }
.pro_lxbtn a *{ vertical-align: middle; }
.pro_lxbtn a:hover{ opacity: 0.85; }
.pro_lxbtn a:last-child{ margin-left: 2%; background: #ec8212; }

.pro_delblock{ margin-top: 44px; }
.pro_xqnr{ overflow: hidden; background: #f7f7f7; margin-bottom: 48px; }
.pro_delblock h3{ font-size: 26px; text-transform: uppercase; padding-left: 28px; position: relative; }
.pro_delblock h3:after{ content: ''; position: absolute; top: 6px; left: 0; width: 19px; height: 17px; background: url(images/h3_iconpro.png) no-repeat; }
.pro_xqnr .ldesc{ float: left; width: 62%; padding: 42px 64px 0 58px;  }
.pro_xqnr .rdesc{ float: right; width: 38%;  }
.del_pp{ margin-top: 32px; }
.del_pp p{ font-size: 16px; line-height: 34px; color: #666; }

.pro_mess{ margin-bottom: 40px; padding-right: 196px; }
.mess_desc{ margin-top: 10px; font-size: 16px; line-height: 22px; color: #999; /*padding-right: 178px; */}

.infoform{overflow:hidden; margin-top: 20px; }
.infoform li{width: 49%; position: relative; margin-right: 2%; float: left; margin-bottom: 14px; padding-left: 108px; }
.infoform li:nth-of-type(even){ margin-right: 0; }
.infoform li span{ color: #999; position: absolute; top: 12px; left: 0; }
.infoform input,.infoform textarea{ width: 100%; color: #000; font-family:Arial; background:#f7f7f7; border: 1px solid #d0d0d0; border-radius: 0;  font-size:16px; line-height: 22px; padding: 14px 12px; }
.infoform li:nth-of-type(5),.infoform li:nth-of-type(6){ width: 100%; margin-right: 0; }
.infoform textarea{ height: 178px; resize: none; }
.infoform form button{ color: #333; cursor: pointer; border-radius: 0; background: #0b59a9; color: #fff;  font-family: Arial; height:52px; width: 302px; font-size: 18px; border:none;}
.infoform form button:hover{ opacity: 0.85; }

.pro_rel{ }
.rel_swiper{ margin-top: 24px; position: relative; }
.rel_swiper .item{ margin: 0 10px; }
.rel_swiper .owl-carousel .owl-stage-outer{ padding: 5px 0; }
.rel_swiper .owl-theme .owl-dots .owl-dot span{ width: 15px; height: 15px;  }
.rel_swiper .owl-theme .owl-dots .owl-dot.active span{ background: #ec8212; }
.rel_swiper .owl-theme .owl-dots{ margin-top: 25px; }
/*news*/
.news_box{ padding-bottom: 70px; }
.news_list li{ margin-bottom: 25px; }
.news_list li .in_newsitem{ box-shadow: 0 0 3px 3px rgba(0,0,0,0.05); }
.news_list li .in_newsitem p{ font-size: 24px; height: 30px; line-height: 30px; overflow: hidden; }
.news_list li .in_newsitem span{ line-height: 28px; height: 84px; margin-top: 20px; }
.news_list li .in_nrcon{ padding: 35px 0 0 48px; }
/*faq*/
.faq_box{ padding-bottom: 62px; }
.faq_war{ width: 100%; overflow: hidden; }
.faq_war .fa_lcon{ width: 352px; float: left; }
.faq_war .fa_rcon{ margin-left: 352px; padding-left: 38px; }
.faq_nav li{ border-bottom: 2px solid #fff; }
.faq_nav li a{ font-weight: bold; position: relative; text-transform: uppercase; padding: 24px 10px 24px 72px; background: #edf3f8; display: block; }
.faq_nav li a:after{ content: ''; position: absolute; top: 22px; left: 30px; width: 23px; height: 23px; background: url(images/faq_icon2.png) no-repeat; background-size: cover; }
.faq_nav li:hover a,.faq_nav li.on a{ background: #0b59a9; color: #fff; }
.faq_nav li:hover a:after,.faq_nav li.on a:after{ background: url(images/faq_icon.png) no-repeat; background-size: cover; }

.faq_list li{ margin-bottom: 25px; }
.faq_list li h3{ background: #f5f5f5; padding: 15px 15px 15px 58px; position: relative; font-size: 20px; font-weight: normal; }
.faq_list li h3:after{ content: ''; width: 24px; height: 24px; background: url(images/h3_icon.png) no-repeat; background-size: cover; position: absolute; top: 13px; left: 23px; }
.f_textbox{ padding: 20px 12px; }
.f_textbox p{ font-size: 16px; line-height: 32px; color: #888; }
/*contact*/
.contact_box{ overflow: hidden; width: 100%; position: relative; padding-bottom: 30px; }
.con_mess{ background: #f2f7fb; overflow: hidden; }
.con_mess .lcon{ width: 595px; float: left; padding: 50px 96px 90px 44px; background: url(images/con_bg.jpg) no-repeat; background-size: cover; }
.con_mess .rcon{ margin-left: 595px; padding:50px 48px 0 48px; }
.con_mess h3{ font-weight: normal; font-size: 30px; text-transform: uppercase; }
.con_us { margin-top: 35px; }
.con_us li{ margin-bottom: 28px; padding-left: 40px; position: relative; }
.con_us li p{ margin-bottom: 8px; color: #6d7e91; }
.con_us li h6{ position: absolute; top: 0; left: 0; font-size: 28px; color: #6e8eaf; }
.con_us li a,.con_us li span{ font-size: 20px; color: #384359; font-weight: bold; display: block;}
.con_us li a:hover{ color: #0053a4; }
.con_us li:last-child{ padding-top: 0; }
.quiry_info{ margin-top: 25px; overflow: hidden; }
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{ float: left; width: 49%; margin-bottom: 16px; position: relative; }
.quiry_info li font{ position: absolute; color: red; top: 15px; left: 8px; }
.quiry_info li:nth-of-type(even){ float: right; }
.quiry_info li:nth-of-type(5),.quiry_info li:nth-of-type(6){ width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%; background: transparent; color: #333; resize: none; font-family:Arial; border: 1px solid #bdcbd9; border-radius:0;  font-size:16px; line-height: 26px; padding:11px 20px; }
.quiry_info textarea{height: 200px;  }
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #999;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #999;}
.quiry_info button{ border-radius: 0; border:none; cursor: pointer; font-family: Arial; display: block; width: 210px; font-size: 18px; height: 45px; background: #0b59a9; color: #fff; }
.quiry_info button:hover{ opacity: 0.85; }
.map{ margin-top: 30px; }
/*新闻*/
.infocon{color: #666;  }
.infocon h1{font-size:30px; 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:14px; color: #999}
.infocon .other{border-top: 1px solid #bbb; font-size: 17px; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #0b59a9; }
.infocon p{line-height:28px; margin-bottom: 10px; font-size: 17px;}

.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#df1717;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}


@media screen and (max-width: 1680px){
  .backToTop{ width: 50px; height: 50px; background-size: 38%; }
  .warper{ width: 1280px; }
  .in_ptext{ min-height: 266px; padding: 50px; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ top: 266px; }
  .in_ab{ padding: 76px 0 80px 0; }
  .in_what{ padding: 56px 0 54px 62px;}
  
}
@media screen and (max-width: 1600px){
  header{ padding-top: 25px; }
  nav{margin-top: 36px;}
  nav li{ margin-bottom: 10px; }
  .c_mailtel{ margin-top: 40px; }
  .warper{ width: 100%; padding: 0 40px; }
  .home_boxtit{ font-size: 36px; }
  .home_boxtit span:after{ height: 65px; }
  .in_ptext{ min-height: 252px; padding: 50px; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ top: 252px; }
  .in_ab{ padding: 76px 0 62px 0; }
  .in_caseswiper .owl-theme .owl-controls{ top: -100px; }
  .in_caseswiper{ margin-top: 38px; }
  .in_newsitem{ padding: 15px; }
  .in_newsswiper{ margin-top: 28px; }
  .footer,footer{ padding: 58px 40px 46px 40px; }
  .footer:before{ width: 52%; }
  .footer h3,footer h3{ font-size: 32px; }
  .sub_link span{ font-size: 30px; }
  .ab_box .ab_com{ padding-top: 0; }
  .pat62{ padding-top: 50px; }
  .ab_comtext h1{ padding-right: 60px; }
  .ab_compp p{ line-height: 28px; }
  .ab_iconitem p{ font-size: 24px; }
  .ab_titi{ font-size: 22px; }
  .pro_linav li a{ padding: 12px 15px; }
  .pro_gdbox .prorcon{ padding: 0 0 0 40px; }
  .pro_gdbox .prorcon h1{ font-size: 26px; }
  .del_pp p{ line-height: 25px; }
  .del_pp{ margin-top: 18px; }
  .pro_mess{ padding-right: 0; }
  .news_list li .in_nrcon{ padding: 35px 0 0 22px; }
  nav{margin-top: 24px;}
  nav li{ margin-bottom: 7px; }
  .sear_lang{ margin-top: 16px; }
  .languagebox{ margin-top: 10px; }
}
@media screen and (max-width: 1440px){
  .home_boxtit{ font-size: 30px; }
  .home_boxtit span:after{ height: 56px; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ top: 223px; }
  .in_ptext{ min-height: 223px; padding: 50px 20px; }
  .in_proswiper{ margin-top: 25px; }
  .in_proswiper .owl-theme .owl-controls{ top: -80px; }
  .in_proswiper .owl-theme .owl-controls .owl-nav div,.in_caseswiper .owl-theme .owl-controls .owl-nav div{ width: 50px; height: 38px; }
  .in_what h2{ font-size: 24px; }
  .in_whatbox li{ padding: 0 1%; }
  .in_whatbox li p{ font-size: 17px; }
  .in_whatbox{ margin-top: 20px; }
  .in_ab{ padding: 46px 0 52px 0; }
  .in_abtext h1{ font-size: 29px; }
  .in_abvideo{ width: 47%; }
  .in_abpp{ line-height: 23px; height: 253px; }
  .in_case{ padding: 50px 0; }
  .in_caseswiper .item{ margin: 0 8px; }
  .in_caseswiper{ margin-top: 28px; }
  nav li>a{ font-size: 17px; }
  .c_mailtel{ margin-top: 12px; }
  .in_casetext{ padding: 15px; }
  .in_newsswiper .item{ margin: 0 8px; }
  .in_news{ padding: 30px 0; }
  .in_nlcon{ width: 198px; }
  .in_nrcon{ margin-left: 198px; padding: 20px 0 0 25px; }
  .in_newsswiper .owl-theme .owl-dots{ margin-top: 10px; }
  .footer h3, footer h3{ font-size: 24px; }
  .footer .f_faq{ padding-left: 35px; }
  .f_messinfo input{ height: 42px; line-height: 42px; }
  .f_messinfo ul li{ margin-bottom: 8px; }
  .f_messinfo ul li:last-child{ margin-top: 10px; }
  .f_faqlist li span{ margin-top: 10px; }
  .f_faqlist{ margin-top: 28px; }
  .ab_comtext h1{ padding-right: 0; font-size: 30px; }
  .pat62{ padding-top: 40px; }
  .ab_compp{ margin-top: 18px; }
  .ab_compp p{ line-height: 23px; }
  .ab_com .ab_vpic{ width: 41%; }
  .ab_com{ padding: 48px 0 0 0; }
  .ab_iconitem{ min-height: 270px; }
  .ab_iconitem h6{ width: 60px; height: 60px; line-height: 60px; font-size: 32px; }
  .ab_iconitem p{ margin-top: 6px; font-size: 22px; }
  .ab_iconitem span{ font-size: 16px; }
  .ab_icon{ padding: 20px 0; }
  .ab_titi{ font-size: 20px; padding: 20px 20px 20px 17px; }
  .ab_equswiper .item{ margin: 0 6px; }
  .ab_equswiper .owl-theme .owl-dots{ margin-top: 14px; }
  .ab_equswiper .owl-theme .owl-dots .owl-dot span{ width: 12px; height: 12px; }
  .ab_cerswiper .item, .ab_cerswipertt .item{ margin: 0 12px; }
  .ab_cer{ padding: 25px 0; }
  .ab_cerswiper, .ab_cerswipertt{ margin-top: 20px; }
  .ab_service{ padding: 40px 0; }
  .ab_equdesc p{ line-height: 24px; }
  .ab_serbox .rcon{ padding: 36px 27px 0 24px; }
  .ab_serbox .rcon ul li{ font-size: 17px; margin-bottom: 11px; }
  .f_media .media{ top: 3px; }
  footer .f_messinfo ul li{ margin-bottom: 9px; }
  .pro_linav li{ margin-right: 4px; }
  .pro_linav li a{ font-size: 16px; }
  .pro_listbox{ margin-top: 22px; }
  .p_text span{ margin-top: 6px; }
  .p_text{ padding: 20px 20px 26px 20px; }
  .p_text p{ font-size: 18px; }
  .pro_gdbox .prorcon h1{ font-size: 22px; }
  .pro_gdbox .prorcon{ padding: 0 0 0 25px; }
  .pro_xqnr .ldesc{ padding: 23px 22px 0 28px; }
  .pro_delblock h3{ font-size: 22px; }
  .pro_delblock h3:after{ top: 4px; }
  .rel_swiper{ margin-top: 15px; }
  .pro_list{ padding-bottom: 30px; }
  .news_list li .in_newsitem span{ margin-top: 12px; }
  .news_list li .in_newsitem p{ font-size: 22px; }
  .infocon h1{ font-size: 25px; }
  .infocon .other{ margin-top: 30px; }
  .faq_war .fa_lcon{ width: 290px; }
  .faq_war .fa_rcon{ margin-left: 290px; padding-left: 20px; }
  .faq_nav li a{ font-size: 16px; padding: 20px 10px 20px 38px; }
  .faq_nav li a:after{ top: 17px; left: 10px; }
  .digg4{ margin-top: 12px; }
  .con_mess .lcon{ padding: 50px 50px 90px 44px; width: 520px; }
  .con_mess .rcon{ margin-left: 520px; }
  .con_mess h3{ font-size: 25px; }
}
@media screen and (max-width: 1366px){
  .c_mailtel,.sear_lang{margin-top: 8px;}
  .c_mailtel li{ margin-bottom: 5px; }
  nav{ margin-top: 20px; }
  .media{ margin-top: 3px; }
  header{ padding-top: 16px; }
  .sub_nav{ margin-bottom: 14px; }
  .languagebox{ margin-top: 5px; }
  nav li>a {
    font-size: 16px;
}
  nav li>a{ padding: 6px 0 6px 55px; }
  nav li{ margin-bottom: 5px; }
  .logo img{ width: 150px; }
  .media{ margin-top: 10px; }
  .in_ptext{ min-height: 210px; padding: 40px 20px; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ top: 210px; }
  .home_boxtit{ font-size: 25px; }
  .home_boxtit span:after{ height: 49px; }
  .in_pmask h6{ width: 40px; height: 40px; font-size: 25px; line-height: 40px; }
  .in_pro{ padding: 40px 0; }
  .in_whatbox{ padding: 20px; }
  .in_what{ padding: 35px 0 35px 42px; }
  .in_abtext h1{ padding-right: 0; font-size: 26px; }
  .in_abpp p{ line-height: 22px; }
  .in_abpp{ height: 220px; }
  .in_abtext a{ margin-top: 30px; }
  .in_honor,.in_case{ padding: 40px 0; }
  .in_caseswiper .owl-theme .owl-controls{ top: -77px; }
  .f_lxus li{ font-size: 16px; }
  .f_faqlist li{ margin-bottom: 20px; }
  .footer .f_mess{ padding-right: 38px; }
  .in_newsitem{ padding: 12px; }
  .f_copy{ padding: 15px 0; }
  .ab_comtext h1{ font-size: 23px; }
  .ab_compp{ margin-top: 0; }
  .sub_link span{ font-size: 25px; }
  .ab_equswiper{ margin-top: 18px; }
  .ab_equ{ padding: 30px 0; }
  .ab_serbox .rcon ul li{ line-height: 21px; }
  .pro_linav li a{ padding: 12px 13px; }
  .con_mess .lcon{ padding: 30px 30px 50px 30px; }
  .con_mess .rcon{ padding: 30px; }
  .quiry_info li{ margin-bottom: 7px; }
  
}
@media screen and (max-width: 1280px){
  .in_pro{ padding: 30px 0; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ top: 195px; }
  .in_ptext{ min-height: 195px; padding: 30px 15px; }
  .in_ptext span{ margin-top: 5px; }
  .in_what h2{ font-size: 20px; }
  .in_abtext h1{ font-size: 22px; line-height: 33px; }
  .in_abtext a{ margin-top: 15px; }
  .in_nrcon{ padding: 20px 0 0 15px; }
  .in_newsswiper{ margin-top: 12px; }
  .footer, footer{ padding: 30px; }
  .footer:before{ width: 54%; }
  .footer .f_mess{ padding-right: 25px; }
  .f_messinfo button{ width: 185px; }
  .warper{ padding: 0 25px; }
  .in_honor, .in_case{ padding: 30px 0; }
  .ab_comtext h1{ font-size: 22px; }
  .pat62{ padding-top: 30px; }
  .ab_iconitem p{ font-size: 20px; }
  .ab_icon{ padding-bottom: 0; }
  .ab_cerswiper .item, .ab_cerswipertt .item{ margin: 0 6px; }
  .ab_cerswiper .owl-theme .owl-controls .owl-nav div, .ab_cerswipertt .owl-theme .owl-controls .owl-nav div{ width: 40px; height: 40px; border-radius: 40px; background: url(images/right2.png) center no-repeat #0b59a9; background-size: 30%; }
  .ab_cerswiper .owl-theme .owl-controls .owl-nav .owl-prev, .ab_cerswipertt .owl-theme .owl-controls .owl-nav .owl-prev{ left: -4px; }
  .ab_cerswiper .owl-theme .owl-controls .owl-nav .owl-next, .ab_cerswipertt .owl-theme .owl-controls .owl-nav .owl-next{ right: -4px; }
  .ab_cerswiper .owl-theme .owl-controls .owl-nav div:hover, .ab_cerswipertt .owl-theme .owl-controls .owl-nav div:hover{ background: url(images/right2.png) center no-repeat #0b59a9; background-size: 30%; opacity: 0.85; }
  .ab_service{ padding: 30px 0; }
  .ab_serbox .rcon{ padding: 25px 20px 0 20px; }
  .pro_linav li a{ padding: 8px; }
  .p_text{ padding: 15px 15px 20px 15px; }
  .pro_table{ padding-right: 0; }
  .share{ margin-top: 15px; }
  .pro_delblock{ margin-top: 28px; }
  .del_pp p{ line-height: 22px; }
  .del_pp{ margin-top: 10px; }
  .pro_delblock h3{ font-size: 20px; }
  .infoform li{ padding-left: 95px; margin-bottom: 8px; }
  .infocon p,.f_textbox p{ line-height: 24px; }
  .f_textbox{ padding: 12px; }
  .in_casetext span{ line-height: 22px; height: 66px; }
  .con_mess h3{ font-size: 22px; }
}

@media screen and (max-width: 1024px){ 
  .warper{ width: 100%; padding: 0 20px; }
  .c_mailtel,header .media{ display: none; }
  .banner_home .items img, .banner_home .items video{ height: auto; }
  header{ width: 100%; height: 62px; padding-top: 8px; }
  .logo{ margin-left: 15px; }
  .logo img{ height: 48px; }
  #nav .nav-button{display: block; top: 14px; background: #fff;  }
  #nav .nav-button i{ color: #0b59a9; }
  nav{position: fixed; left: 0;top: 0;bottom: 0; padding-left: 0; margin-top: 0; width: 250px; z-index: 99;overflow: auto;background: #222; transform: translateX(-250px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin: 0; }
  nav li>a{ margin:0; color: #fff; font-size: 18px; display:block; border-radius: 0; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li dl{ position: static; transform:none; -webkit-transform:none; width: 100%; padding: 0; opacity: 1; background: #333; visibility: visible; height: auto; margin: 0; } 
  nav li dl dd a{padding: 15px 20px;display: block; border-bottom: none; color: #fff!important}
  nav li.on a, nav li:hover a{ background: #0b59a9; 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:hover a{ padding: 15px 20px; }
  .banner_home .items{ width: 100%; height: auto; position: static; }
  .banner{ position: static; }
  .banner_home .item{ height: auto; }
  .banner_home .owl-theme .owl-controls{ position: absolute; bottom: 10px; left: 0; width: 100%; }
  .dowebok{ margin-left: 0; width: 100%; }
  .banner{ height: auto; }
  .in_pro{ margin-top: 0; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ top: 201px; }
  .in_ptext{ min-height: 201px; }
  .in_what{ padding: 35px 0 35px 30px }
  .in_ab{ padding: 28px 0 39px 0; }
  .in_case:before{ height: 195px; }
  .footer, footer{ padding: 30px; }
  .footer:before{ width: 50%; }
  .backToTop{ width: 40px; height: 40px; }
  .subbanner,.banner{ margin-top: 62px; }
  .pat62{ padding-top: 15px; }
  .ab_titi{ font-size: 18px; }
  .rel_swiper .item{ margin: 0 5px; }
  .news_box,.case_box{ padding-bottom: 40px; }
  .con_mess .lcon{ width: 458px; }
  .con_mess .rcon{ margin-left: 458px; }
  .sear_lang{ width: 136px; padding: 0; position: absolute; top: 0; right: 52px; margin-top: 0; }
  .languagebox{ margin-top: 15px; }
  .languagebox a{ line-height: 31px; }
  .languagebox ul li:first-child,.languagebox,.languagebox ul{ height: 35px; }
  .header_ipt{ display: none; }
}

@media screen and (max-width: 768px){
  .in_ptext{ min-height: 221px; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ top: 221px; }
  .in_proswiper{ margin-top: 15px; }
  .in_proswiper .owl-theme .owl-controls{ top: -64px; }
  .in_what{ padding: 30px 0; }
  .in_whatbox{ padding: 20px 0; margin-top: 14px; }
  .in_what h2{ padding-left: 20px; }
  .in_abtext{ width: 100%; float: none; padding-right: 0; }
  .in_abvideo{ width: 100%; position: static; padding: 0 20px; margin-top: 25px; }
  .in_abpp{ margin-top: 10px; }
  .in_ab:before{ display: none; }
  .in_caseswiper{ margin-top: 15px; }
  .in_caseswiper .owl-theme .owl-controls{ top: -65px; }
  .in_nlcon{ width: 100%; float: none; }
  .in_nrcon{ margin-left: 0; padding: 5px; }
  .in_nrcon em{ margin-top: 12px; }
  .in_nrcon span{ margin-top: 8px; }
  .in_nrcon p{ font-size: 18px; }
  .footer .f_mess{ width: 100%; float: none; padding-right: 0; }
  .footer .f_faq{ width: 100%; float: none; padding-left: 0; margin-top: 20px; }
  .f_lxus{ overflow: hidden; }
  .footer:before{ display: none; }
  .f_faqbtn{ margin-top: 0; }
  .footer h3, footer h3{ font-size: 20px; }
  .f_faqlist{ margin-top: 14px; }
  .sub_link span{ font-size: 19px; padding: 15px 30px; }
  .ab_comtext{ width: 100%; }
  .ab_com .ab_vpic{ position: static; width: 100%; margin-top: 15px; padding: 0 20px; }
  .ab_serbox .lcon{ width: 100%; float: none; }
  .ab_serbox .rcon{ margin-left: 0; padding: 20px; }
  footer .f_lcon{ width: 100%; float: none; }
  footer .f_rcon{ width: 100%; margin-top: 15px; float: none; padding-left: 0; }
  .f_media .media{ position: static; text-align: left; }
  .f_messinfo{ margin-top: 14px; overflow: hidden; }
  .f_confx{ margin-top: 14px; }
  .f_confx li{ margin-bottom: 9px; }
  footer .f_messinfo ul li:last-child{ margin-top: 0; }
  .pro_linav li{ margin-bottom: 5px; }
  .pro_gdbox .prolcon{ width: 100%; float: none; }
  .pro_gdbox .prorcon{ width: 100%; float: none; padding-left: 0; margin-top: 15px; }
  .pro_xqnr .ldesc{ width: 100%; float: none; padding: 15px; padding-bottom: 0; }
  .pro_xqnr .rdesc{ float: none; width: 100%; padding: 15px; }
  .pro_xqnr img{ max-width: 100%; }
  .pro_xqnr,.pro_mess{ margin-bottom: 18px; }
  .news_list .in_nlcon{ width: 170px; float: left; }
  .news_list li .in_nrcon{ margin-left: 170px; padding: 22px 0 0 22px; }
  .news_list li .in_newsitem p{ font-size: 20px; }
  .news_list li .in_newsitem span{ font-size: 16px; line-height: 22px; height: 66px; }
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{ width: 35px; height: 35px; line-height: 35px; }
  .digg4 span.disabled{ line-height: 30px; }
  .infocon h1{ font-size: 22px; }
  .faq_war .fa_lcon{ width: 262px; }
  .faq_war .fa_rcon{ margin-left: 262px; }
  .in_casetext{ padding: 12px; }
  .con_mess .lcon{ width: 100%; float: none; padding: 30px; }
  .con_mess .rcon{ margin-left: 0; }
  .con_us{ margin-top: 18px; }
  .con_us li{ margin-bottom: 16px; }
  .quiry_info{ margin-top: 15px; }
  .getbox{ width: 100%; left: 0; margin-left: 0; }
  .sub_nav{ margin-bottom: 10px; }
  
}
@media screen and (max-width: 640px){
  .in_ptext{ min-height: 182px; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ top: 182px; }
  .in_newsitem{ padding: 10px; }
  .footer, footer{ padding: 30px 20px; }
  .ab_iconitem{ background: url(images/ab_iconbg.jpg) no-repeat; background-size: cover; }
  .ab_iconitem p{ color: #fff; }
  .ab_iconitem{ padding: 62px 2% 0 2%; }
  .ab_iconitem span{ opacity: 1; }
  .ab_iconitem h6{ background: #fff; color: #0b59a9; }
  .ab_icon ul li:nth-of-type(2) .ab_iconitem{ background: url(images/ab_iconbg2.jpg) no-repeat; background-size: cover; }
  .ab_icon ul li:nth-of-type(3) .ab_iconitem{ background: url(images/ab_iconbg3.jpg) no-repeat; background-size: cover; }
  .ab_iconitem{ padding: 35px 2% 0 2%; }
  .ab_iconitem p{ font-size: 18px; }
  .pro_listbox{ margin-top: 12px; }
  .news_list li{margin-bottom: 15px;}
  .faq_war .fa_lcon{ width: 100%; float: none; }
  .faq_war .fa_rcon{ margin-left: 0; padding-left: 0; margin-top: 15px; }
  .faq_box{ padding-bottom: 40px; }
  .con_mess .lcon,.con_mess .rcon{ padding: 20px; }
}

@media screen and (max-width:480px){
  .in_pro,.in_what,.in_ab,.in_honor, .in_case,.in_news,.ab_equ{ padding: 20px 0; }
  .home_boxtit span{ background: none; color: #333; padding: 0; }
  .home_boxtit span:after,.in_whatbox li:after{ display: none; }
  .home_boxtit{ font-size: 20px; }
  .in_proswiper .owl-theme .owl-controls{ top: 40%; width: 100%; left: 0; }
  .in_proswiper .owl-theme .owl-controls .owl-nav .owl-prev{ transform: rotate(180deg); left: -17px; }
  .in_proswiper .owl-theme .owl-controls .owl-nav .owl-next{ transform: rotate(0deg); right: -17px; }
  .in_proswiper .owl-carousel .owl-item:nth-of-type(even) .in_ptext{ position: static; }
  .in_ptext{ min-height: auto; padding: 10px; }
  .in_ptext p{ font-size: 18px; line-height: 25px; height: 25px; }
  .in_ptext span{ height: 60px; }
  .in_proswiper .item{ margin: 0 3px; }
  .in_what h2{ font-size: 18px; }
  .in_whatbox li{ width: 50%; margin-bottom: 8px; }
  .in_whatbox li p{ margin-top: 5px; }
  .in_abtext h1{ font-size: 19px; }
  .in_abtext a{ padding: 11px 18px; font-size: 16px; }
  .in_abvideo{ margin-top: 15px; }
  .in_caseswiper .item{ margin: 0 3px; }
  .in_caseswiper .owl-theme .owl-controls{ top: 40%; width: 100%; left: 0; }
  .in_caseswiper .owl-theme .owl-controls .owl-nav .owl-prev{ transform: rotate(180deg); left: -17px; }
  .in_caseswiper .owl-theme .owl-controls .owl-nav .owl-next{ transform: rotate(0deg); right: -17px; }
  .in_newsitem{ padding: 8px; }
  .in_newsswiper .item{ margin: 0 3px; }
  .f_copy{ margin-bottom: 60px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #f1830f; }
  .sub_link span{ padding: 12px; }
  .subbanner{ overflow: hidden; }
  .subbanner img{ height: 120px; width: auto; }
  .ab_comtext h1{ line-height: normal; font-size: 20px; }
  .ab_icon ul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 5px; }
  .ab_equdesc{ margin-top: 15px; }
  footer .f_messinfo ul li{ width: 100%; float: none; margin-bottom: 4px; }
  .footer, footer{ padding: 20px; }
  .pro_listbox li{ width: 49%; margin-bottom: 10px; }
  .pro_listbox li:nth-of-type(3n){ margin-right: 2%; }
  .pro_listbox li:nth-of-type(even){ margin-right: 0; }
  .p_text{ padding: 10px; }
  .infoform li span{ position: static; }
  .infoform li{ padding-left: 0; width: 100%; float: none; }
  .infoform form button{ width: 170px; }
  .rel_swiper .owl-theme .owl-dots{ margin-top: 15px; }
  .rel_swiper .owl-theme .owl-dots .owl-dot span{ width: 12px; height: 12px; }
  .warper{ padding: 0 15px; }
  .pro_delblock h3{ font-size: 18px; }
  .infocon h1{ font-size: 20px; }
  .infocon p{ font-size: 16px; line-height: 22px; }
  .faq_nav li a{ padding: 12px 10px 12px 38px; }
  .faq_nav li a:after{ top: 10px; }
  .faq_list li{ margin-bottom: 8px; }
  .case_list li:nth-of-type(3n){ margin-right: 2%; }
  .case_list li:nth-of-type(even){ margin-right: 0; }
  .case_list li{ margin-bottom: 12px; width: 49%; }
  .con_mess .lcon, .con_mess .rcon{ padding: 10px; }
  .quiry_info li{ width: 100%; float: none; }
  .quiry_info li:nth-of-type(even){ float: none; }
  .map{ margin-top: 10px; }
  .con_us li a, .con_us li span{ font-size: 18px; }
  .con_mess .rcon{ margin-top: 15px; }
  .f_messinfo .media{ display: none; }
  .f_lxus li,.f_lxus li:first-child{ width: 100%; float: none; margin-bottom: 10px; }

  
}
@media screen and (max-width:414px){
  
}

@media screen and (max-width:380px){
  
 }