@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'segoeui_0';
  src: url('fonts/segoeui_0.eot');
  src: local('☺'), url('fonts/segoeui_0.woff') format('woff'), url('fonts/segoeui_0.ttf') format('truetype'), url('fonts/segoeui_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'segoeuib_0';
  src: url('fonts/segoeuib_0.eot');
  src: local('☺'), url('fonts/segoeuib_0.woff') format('woff'), url('fonts/segoeuib_0.ttf') format('truetype'), url('fonts/segoeuib_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SEGUISB_1';
  src: url('fonts/SEGUISB_1.eot');
  src: local('☺'), url('fonts/SEGUISB_1.woff') format('woff'), url('fonts/SEGUISB_1.ttf') format('truetype'), url('fonts/SEGUISB_1.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ava';
  src: url('fonts/ava.ttf');
  font-weight: normal;
  font-style: normal;
}

body{font-family:segoeui_0,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; max-width: 100%; }
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#0068b3;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }


.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(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 2562471 */
  src: url('fonts/iconfont.woff2?t=1621568697734') format('woff2'),
       url('fonts/iconfont.woff?t=1621568697734') format('woff'),
       url('fonts/iconfont.ttf?t=1621568697734') format('truetype');
}

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

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

.icon-renwumiaoshu:before {
  content: "\e660";
}

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

.icon-beijian-xinxi:before {
  content: "\e600";
}

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

.icon-jingshideng:before {
  content: "\e633";
}

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

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

.icon-lianxi:before {
  content: "\e61b";
}

.icon-huayouqiqingxiji:before {
  content: "\e623";
}

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

.icon-xuanzebiangengqingxishuju:before {
  content: "\e6df";
}

.icon-fasong:before {
  content: "\e86b";
}

.icon-tubiao209:before {
  content: "\e63f";
}

.icon-zuobiao1:before {
  content: "\e625";
}

.icon-dianhua3:before {
  content: "\e634";
}

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

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

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

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

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

.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: "\e604";
}

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

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

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

.icon-liuyan-fill:before {
  content: "\e6d8";
}

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

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

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

.icon-dianhua2:before {
  content: "\e60a";
}

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

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

.icon-icon_xinyong_xianxing_jijin-119:before {
  content: "\e646";
}



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:1400px; margin:0 auto; position: relative;}
.backToTop{width:60px; height:60px; z-index: 666; border-radius: 60px; background:#05b8f1 url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:150px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

.languagebox{ position: relative; margin-top: 14px; line-height: 28px; width: 42px;float:left; }
.languagebox ul{ width: 100%;  height: 26px; display: inline-block; vertical-align: middle; overflow: hidden; z-index: 5;  position: absolute; left: 0; top: 0; }
.languagebox ul li{ height: auto; line-height: 26px; background: #223242; padding: 0 10px 0 0; }
.languagebox ul li:first-child{ background:url(images/select_arrow.png) no-repeat 100% 50% ; height: 28px; line-height: 28px; }
.languagebox a{ line-height: 26px; font-size: 18px; font-family: segoeui_0; display: inline-block; width: 100%; color: #fff; }
.languagebox ul li:first-child a{ color:#05b8f1; }
.languagebox:hover ul,.position .languagebox:hover ul{height:auto;}

.searchform{ float: right; margin-top: 10px; background: #3d4b59; overflow: hidden; border-radius: 34px; position: relative; width: 204px; transition: all .3s;}
.searchform i{ font-size: 18px; color: #fff; }
.searchform input{ width: 100%; font-size: 16px; font-family: segoeui_0; background:transparent; border: none; color: #fff; line-height:34px; padding:0 20px; float: left; }
.searchform button{ position: absolute; top: 0; right: 0; width:40px; line-height:34px; height: 34px; background:transparent; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s;}
.searchform input::-webkit-input-placeholder { color: rgba(255,255,255,0.4);}
.searchform input:-moz-placeholder {  color: rgba(255,255,255,0.4);}

header{  width: 100%; height: 154px; z-index: 999; position: fixed; top: 0;  left: 0; }
.header-top{ background: #223242; }
.media { margin-top: 32px; text-align: left; }
.media a{color: #556c7e; margin: 0px 5px; font-size: 22px; display:inline-block;}
.media a:first-child:hover{ color: #1882d3;  }
.media a:nth-of-type(2):hover{ color: #1d6297; }
.media a:nth-of-type(3):hover{ color: #33a2f7;}
.media a:nth-of-type(4):hover{ color: #f00106; }


h6{ display: inline-block; font-weight: normal; }

#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute; left: 0; top: 0; width: 165px; height: 148px; z-index: 66; background: #fff; text-align: center; line-height: 148px; }

.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: #e10103; color: #fff;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;}

.head_rcon{ position: absolute; width: 314px;  right: 0; top: 0;}
.h_bep{ background: url(images/h_bbg.png) repeat-y; height: 100px; padding-left: 232px; padding-top: 22px; }
.h_bep ul li{ float: left; padding-left: 46px; position: relative; color: #fff; margin-right: 100px; font-size: 18px; font-family: SEGUISB_1; }
.h_bep ul li p{ font-size: 16px; font-family: segoeui_0; }
.h_bep ul li a{  color: #fff; }
.h_bep ul li i{ font-size: 32px; position: absolute; top: 6px; left: 0; }
.h_bep ul li:hover span{ text-decoration: underline; }

.fixnav{position: fixed; right: 0; top:30%; z-index: 10;}
.fixnav li{ transition: all .3s; width: 40px; text-align: center; font-size: 12px; height: 40px; margin-bottom:1px; background: #ececed; position: relative; }
.fixnav li .ic{width: 40px; line-height: 40px; height: 40px; background: #05b8f1; position: relative; z-index: 2;}
.fixnav li a{color: #fff; transition: all .1s}
.fixnav li .iconfont{ font-size: 22px; }
.fixnav li:nth-of-type(2) .ic{ background: #fe7b1b; }
.fixnav li:nth-of-type(3) .ic{ background: #3a82d3; }
.fixnav li:nth-of-type(4) .ic{ background: #30afeb; }
.fixnav li:nth-of-type(5) .ic{ background: #0085b2; }
.fixnav li:nth-of-type(6) .ic{ background: #fc1a1c; }
.fixnav li span{ line-height:40px; transition: all .3s; overflow: hidden; font-size: 16px; padding:0 10px; margin-right:40px; position: absolute; right:-600px; top:0; z-index: 3; width:200px; z-index: 0; text-align: left }

.fixnav li:hover span{display: block; right: 0; background: #05b8f1; color: #fff}
.fixnav li:hover:nth-of-type(2) span{ background: #fe7b1b; }

nav{ float: right; margin-right: 324px;}
nav li{ float: left; margin-left: 10px; position: relative; }
nav li>a{ line-height: 54px; padding: 0 36px; color: #fff; display: block; text-align: center; font-size:20px; }
nav li.on a,nav li:hover a{ color: #05b8f1;  cursor: pointer; }
nav dl{ transition: opacity 1s ease;position: absolute; display: none; background: #fff; width: auto; top: 54px;  left:0; z-index: 999;  }
nav dl dd{ display: block; position: relative; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #666 !important; display: block; padding: 13px 18px; text-align: left; white-space: nowrap;font-size:16px;}
nav li dl dd a:hover{ background: #05b8f1 !important; cursor: pointer; color: #fff !important;}


footer{ background:#192436; }
.f_top{ padding: 36px 0; border-bottom: 1px solid #4e555e; }
.f_top ul{ width: 100%; overflow: hidden; }
.f_top ul li{ float: left; min-height: 75px; font-family: segoeui_0; width: 33.333%; padding-left: 86px; padding-top: 10px; position: relative; }
.f_top ul li a,.f_top ul li span{ color: #fff; }
.f_top ul li b{ font-family: SEGUISB_1; }
.f_top ul li:nth-of-type(1),.f_top ul li:nth-of-type(2){ padding-top: 25px; }
.f_top ul li h6{ position: absolute; top: 0; left: 0; width: 75px; height: 75px; font-size: 30px; line-height: 75px; text-align: center; border-radius: 75px; background: #05b8f1; color: #fff; }
.f_top ul li a:hover{ color: #45b6a4; }


.f_nav{ width: 100%; overflow: hidden; padding: 20px 0 60px 0; }
.f_nav .f_item1{ float: left; width: 20%; text-align: center; }
.f_nav .f_item1 p{ margin-top: 15px; line-height: 23px; font-family:SEGUISB_1; color: #fff;  }
.f_nav .f_item4 form{ position: relative; }
.f_nav .f_item4 input{ height:48px; line-height: 48px; }
.f_nav .f_item4 input,.f_nav .f_item4 textarea{  width: 100%; background: #35424f; border: none; border-radius: 0; padding: 2px 18px; font-family:segoeui_0; resize: none; color: #fff; font-size: 16px;}
.f_nav .f_item4 input::-webkit-input-placeholder, .f_nav .f_item4 textarea::-webkit-input-placeholder{  color: #fff;}
.f_nav .f_item4 textarea{ padding:10px 18px; padding-right: 85px; height:88px; }
.f_nav .f_item4 button{ width:85px; height: 88px; position: absolute; right: 0; top: 0; display: block; color: #fff; font-size: 20px; font-family:segoeui_0; text-align: center; background:#05b8f1; border: none; cursor: pointer; }
.f_nav .f_item4 button i{ font-size: 30px; margin-top: 5px; display: inline-block; }
.f_nav .f_item4 ul li{ position: relative; margin-bottom: 11px; }
.f_nav .f_item4 button:hover{ opacity: 0.85; }
.f_nav h4{ font-size: 36px; display: inline-block; margin-bottom: 26px; color: #fff;}
.f_navli li{ margin-bottom: 12px; position: relative; font-family: segoeui_0; }
.f_navli li a{ color:#fff; }
.f_navli li a:hover{ color: #05b8f1; }
.f_nav .f_item2{ float: left; width:16%; margin-left: 6%; }
.f_nav .f_item3{ float: left; width: 26%; margin-left: 2%; }
.f_nav .f_item4{ float: right; width: 27%; }


footer .media{ float: none; padding-top: 0; margin-right: 0; text-align: center; margin-top: 25px; }
footer .media a{ width: 42px; background: #121b2c; border-radius: 0; height: 42px; line-height: 42px; color: #fff; }
footer .media a:first-child:hover{ background: #1882d3;  }
footer .media a:nth-of-type(2):hover{ background: #1d6297; }
footer .media a:nth-of-type(3):hover{ background: #33a2f7;}
footer .media a:nth-of-type(4):hover{ background: #f00106; }
footer .media a:hover{ color: #fff !important; }

footer .copyright{ font-family: segoeui_0; background: #121b2c; padding: 18px 0; clear: both; text-align: center; color:#fff; }
footer .copyright a{  color:#fff; }
footer .copyright a:hover{ color: #cc9370; }

#banner img{ width: 100%; display: block; }
#banner_home{ position: relative;}
#banner_home .owl-theme .owl-controls{ position: absolute; width: 70px; left: 104px; top: 34%; }
#banner_home .owl-theme .owl-dots .owl-dot{ position: relative; display: block; margin: 30px 0; }
#banner_home .owl-dot:after{ position: absolute;top: -9px; left: 32px; font-size: 18px; font-family: segoeuib_0;  color: rgba(255,255,255,0.6); }
#banner_home .owl-theme .owl-dots .owl-dot span{ width: 9px; height: 7px; background: #0b80af; border-radius: 0;  }
#banner_home .owl-dot:nth-child(1):after{ content: "01"; }
#banner_home .owl-dot:nth-child(2):after{ content: "02"; }
#banner_home .owl-dot:nth-child(3):after{ content: "03"; }
#banner_home .owl-dot:nth-child(4):after{ content: "04"; }
#banner_home .owl-theme .owl-dots .owl-dot.active span{ width: 58px; background: #05b8f1; }
#banner_home .owl-dot.active:after{ font-size: 32px; color: #fff; top: -20px; }


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

.cl{ clear: both; }
/*版块标题*/
.home_boxtit{ font-size:48px; font-family: ava; color: #1c4885; }
.home_boxtit p{ color: #05b8f1; font-size: 16px; margin-bottom: 15px; }

/*首页*/
.in_protit{ position: relative; padding-right: 45%; }
.in_pro{ padding-top: 50px; overflow: hidden; background: #fcfcfc; }
.in_probtn{ position: absolute; right: 0; top: 48px; }
.in_probtn a{ font-size: 17px; background: url(images/sjt.png) no-repeat 165px center; color: #05b8f1; font-weight: bold; display: inline-block; padding: 13px 48px 13px 18px; border: 2px solid #05b8f1; border-radius: 5px; }
.in_probtn a:hover{ background: url(images/sjth.png) no-repeat 165px center #05b8f1; color: #fff; }
.in_prowar{ margin-top: 50px; padding-bottom: 122px; position: relative; transform-style: preserve-3d; }
.in_prowar:before{ content: ''; position: absolute; top: 105px; left: 0; z-index: -1; width: 100%; height: 100%; background: url(images/in_probg.jpg) center bottom; }

.in_pro_block{width:100%; position: relative; }
.in_pro_block .item{ margin: 0 12px; }
.pro_item{ padding-top: 228px; position: relative; }
.in_protext{ background: #fff; text-align: center; padding: 248px 10px 60px 10px; border-radius: 10px; }
.pro_item .changpic{ position: absolute; top: 0; left: 0; }
.in_protext h2{ font-size: 22px;  font-family: ava; color: #1c4885; line-height: 30px; height: 66px; overflow: hidden; }
.in_protext p{ margin-top: 15px; font-size: 20px; line-height: 27px; color: #1c4885; height: 108px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.in_protext span{ display: inline-block; position: relative; margin-top: 24px; color: #05b8f1; font-size: 20px; padding-bottom: 10px; }
.in_protext span:before{ content: ''; position: absolute; width: 100%; height: 1px; background: #05b8f1; left: 0; bottom: 0; }
.pro_item:hover .changpic img{ transform: scale(1.15); }
.pro_item:hover .in_protext h2{ color: #05b8f1; }
.in_pro_block .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 65%; left: 0; width: 100%; z-index: 55; }
.in_pro_block .owl-theme .owl-controls .owl-nav{ position: relative; border-radius: 0; }
.in_pro_block .owl-theme .owl-controls .owl-nav div{ background: url(images/right.png) center center no-repeat #b4c4d8; background-size: 50%; margin: 0; opacity: 1; position: absolute; border-radius: 68px; height: 68px; width: 68px; }
.in_pro_block .owl-theme .owl-controls .owl-nav .owl-prev{ text-indent: -9999em; left: -80px; transform: rotate(180deg);}
.in_pro_block .owl-theme .owl-controls .owl-nav .owl-next{ text-indent: -9999em;  right: -80px; }
.in_pro_block .owl-theme .owl-controls .owl-nav div:hover{ background: url(images/right2.png) center center no-repeat #05b8f1; background-size: 50%;}


.in_ab{ padding: 66px 0 50px 0; position: relative; transform-style: preserve-3d; }
.in_ab:before{ width: 80%; background: #223242; content: ''; height: 70%; position: absolute; top: 0; left: 0; z-index: -2; }
.in_ab:after{ width: 80%; background: url(images/in_abbg.jpg) no-repeat; height: 100%; content: ''; position: absolute; top: 66px; right: 0; z-index: -1; }
.in_abwar{ padding: 140px 0 112px 0; overflow: hidden; }
.in_abwar .lcon{ float: left; width: 568px; padding-top: 190px; }
.in_abwar .rcon{ margin-left: 568px; padding-left: 40px; }
.in_abwar .lcon .changpic{ border-radius: 12px; }
.in_ab .home_boxtit{ color: #05b8f1; }
.in_abtext{ margin-top: 28px; overflow: hidden; }
.in_abtext .i_ablcon{ float: left; width: 48%; }
.in_abtext .i_abrcon{ float: right; width: 48%; }
.in_abtext p{ line-height: 32px; color: #555; font-family: SEGUISB_1; }
.in_abbtn a{  font-size: 17px; background: url(images/sjth.png) no-repeat 165px center #05b8f1; color: #fff; font-weight: bold; display: inline-block; padding: 13px 48px 13px 18px; border: 2px solid #05b8f1; border-radius: 5px; }
.in_abbtn{ margin-top: 95px; }


.in_case{ padding: 0 0 150px 0; }
.in_caseswiper{ margin-top: 35px; position: relative; }
.in_caseswiper .item{ margin: 0 30px; }
.in_casetxt{ width: 100%; overflow: hidden; padding: 20px 92px 20px 0; position: relative;}
.in_casetxt p{ font-size: 24px; line-height: 30px; font-family:SEGUISB_1; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  height: 60px; overflow: hidden; color: #1c4885; }
.in_casetxt:after{ content: '+'; font-weight: normal; position: absolute; right: 18px; top: 4px; color: #1c4885; font-size: 60px; }
.in_caseitem a{ position: relative; width: 100%; height: 100%; display: block; }
.in_caseitem a:before{ transition: all 0.3s; opacity: 0; z-index: 1; content:''; width: 100%; height: 100%; border: 5px solid #05b8f1; position: absolute; top: 23px; left: -30px; }
.in_caseswiper .owl-carousel .owl-stage-outer{ padding-bottom:40px; }
.in_caseitem:hover a:before{ opacity: 1; }
.in_caseitem:hover .changpic img{ transform: scale(1.15); }
.in_caseswiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 35%; left: 0; width: 100%; z-index: 55; }
.in_caseswiper .owl-theme .owl-controls .owl-nav{ position: relative; border-radius: 0; }
.in_caseswiper .owl-theme .owl-controls .owl-nav div{ background: url(images/right2.png) center center no-repeat #6784ad; background-size: 50%; margin: 0; opacity: 1; position: absolute; border-radius: 68px; height: 68px; width: 68px; }
.in_caseswiper .owl-theme .owl-controls .owl-nav .owl-prev{ text-indent: -9999em; left: -80px; transform: rotate(180deg);}
.in_caseswiper .owl-theme .owl-controls .owl-nav .owl-next{ text-indent: -9999em;  right: -80px; }
.in_caseswiper .owl-theme .owl-controls .owl-nav div:hover{ background: url(images/right2.png) center center no-repeat #05b8f1; background-size: 50%;}


.in_news{ padding: 52px 0 102px 0; background: #f7f7f7; position: relative; }
.in_news:before{ content:''; width: 30%; height: 100%; background: #1c4885; position: absolute; top: 0; right: 0; }
.in_newslist{   }
.in_newslist li{ margin-bottom: 35px; }
.in_newsitem{ width: 100%; position: relative; }
.in_newspic{ width: 47%; float: right; border-radius: 10px; overflow: hidden; }
.in_newstext{ position: absolute; top: 45px;box-shadow: 10px 32px 38px 12px rgba(0,0,0,0.18);
-webkit-box-shadow: 10px 32px 38px 12px rgba(0,0,0,0.18); overflow: hidden; z-index: 22;
-moz-box-shadow: 10px 32px 38px 12px rgba(0,0,0,0.18); left: 0; width: 61%; background: #fff; padding: 53px 30px 76px 56px; }
.in_newstext h3{ font-size: 30px; font-family: ava; color: #000; height: 42px; line-height: 42px; overflow: hidden; }
.in_newstext p{ margin-top: 16px; font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; color: #999; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in_newstext .lcon{ width: 90%; float: left; }
.in_newstext .rcon{ width: 10%; float: right; text-align: center; margin-top: 60px; }
.in_newsitem:hover .changpic img{ transform: scale(1.15) }
.in_newsitem:hover .in_newstext h3{ color: #1c4885; }


.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:#f39800;}
.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;}
/*位置*/
.subbanner{ position: relative; overflow: hidden; }
.subbanner img{ width: 100%; display: block; }
.paddt58{ padding-top: 58px; }


/*case*/
.case_box{ padding-bottom: 60px; }
.case_war{ width: 100%; overflow: hidden; }
.case_war li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 50px; }
.case_war li:nth-of-type(3n){ margin-right: 0; }
.case_del{ width: 100%; overflow: hidden; }
.case_del li{ float: left; width: 49%; margin-bottom: 28px; }
.case_del li:nth-of-type(even){ float: right; }
.viewer-button{ background: transparent !important; width: 100% !important; height: 100% !important; border-radius: 0 !important;}
.viewer-button:before{ display: none !important; }
/*关于我们*/
.ab_com{ overflow: hidden; padding-bottom: 105px; }
.ab_com .lcon{ float: left; width: 50%; padding-right: 25px; }
.ab_com .rcon{ margin-left: 50%; padding-left: 58px; padding-top: 60px; }
.ab_com .lcon p{ margin-top: 35px; line-height: 38px; }
.ab_ser{ background: url(images/ab_ser.jpg) no-repeat; background-size: cover; padding: 98px 0 168px 0; }
.ab_ser .home_boxtit{ text-align: center; color: #fff; }
.ab_ser p{ margin-top: 28px; padding: 0 9%; color: #fff; text-align: center; font-size: 24px; line-height: 37px; font-family: SEGUISB_1; }

.ab_style{ padding: 65px 0; }
.ab_style .home_boxtit{ text-align: center; }
#featured-area{height:250px;width:100%;margin:260px auto 0 auto; position: relative;}
.roundabout-holder{ width:620px;height:auto;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:auto;width:876px; background: #84858a; cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#84858a;margin:0; opacity: 1; transition: all 0.3s; }
.roundabout-moveable-item.roundabout-in-focus img{opacity: 1;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0; background: #000;}
.ban_r_btn{ width: 68px; height: 68px; border-radius: 68px; background: url(images/right2.png) no-repeat center #6784ad; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 555; }
.ban_l_btn{ width: 68px; height: 68px; border-radius: 68px; background: url(images/right2.png) no-repeat center #6784ad; cursor: pointer; transform: rotate(180deg); position: absolute; top: 0; left: 0; z-index: 555; }
.ban_r_btn:hover,.ban_l_btn:hover{ background: url(images/right2.png) no-repeat center #05b8f1; }
/*产品列表*/
.pro_listbox{ padding-bottom: 95px; }
.pro_listbox .home_boxtit{ text-align: center; }
.pro_nav{ margin-top: 30px; overflow: hidden; text-align: center; }
.pro_nav li{ display: inline-block; width: 25%; margin: 0 8px; }
.pro_nav li a{ border: 2px dashed #2c4379; color: #2c4379; padding: 15px; text-align: center; display: inline-block; }
.pro_nav li a i{ font-size: 35px; }
.pro_nav li a p{ font-size: 24px; font-family: ava; margin-top: 8px; line-height: 28px; height: 56px; overflow: hidden; }
.pro_nav li:hover a,.pro_nav li.on a{ background: #05b8f1; color: #fff; border: 2px solid #05b8f1; }

.pro_list{ margin-top: 32px; overflow: hidden; padding: 10px; }
.pro_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 24px; }
.pro_list li:nth-of-type(3n){ margin-right: 0; }
.proli_item{ background: #fff; border-radius: 10px; padding: 15px 10px 38px 10px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2); }
.pro_lipp{ text-align: center; }
.pro_lipp p{ line-height: 24px; color: #1c4885; margin-top: 5px; height: 48px; overflow: hidden; font-family: ava;  }
.proli_item:hover .changpic img{ transform: scale(1.15); }
/*分页 结束*/
.digg4{ text-align:center; font-size: 17px; font-weight: bold;  margin-top: 20px;}
.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 #999; height:40px; line-height: 40px; border-radius: 0; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background:#1c4885; border: 1px solid #1c4885; }
.digg4 span.disabled { font-size: 30px; line-height:33px; font-weight: normal;  background: transparent; color: #a6a6a6;}
.digg4 a{ border: 1px solid #999; color: #a6a6a6; }
/*分页 结束*/
/*产品详情*/
.pro_delbox{}
.pro_flash{ background: url(images/pro_flashbg.jpg) no-repeat; background-size: cover; padding-top: 180px; padding-bottom: 68px; }
.pro_gdbox{ overflow: hidden; width: 100%; background: rgba(255,255,255,0.69); }
.pro_gdbox .p_lcon{ width: 50%; float: left; background: #fff; }
.pro_gdbox .p_rcon{ margin-left: 50%; padding: 40px 62px 0 35px; }
.pro_swiper{ padding: 25px 98px; position: relative; }
.pro_swiper .changpic{ border: 1px solid #dcdcdc; }
.pro_swiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 45%; left: 0; width: 100%; z-index: 55; }
.pro_swiper .owl-theme .owl-controls .owl-nav{ position: relative; border-radius: 0; }
.pro_swiper .owl-theme .owl-controls .owl-nav div{ background: url(images/arr_right.png) center center no-repeat; margin: 0; opacity: 1; position: absolute; border-radius: 0; height: 34px; width: 19px; }
.pro_swiper .owl-theme .owl-controls .owl-nav .owl-prev{ text-indent: -9999em; left: -50px; transform: rotate(180deg);}
.pro_swiper .owl-theme .owl-controls .owl-nav .owl-next{ text-indent: -9999em;  right: -50px; }
.pro_swiper .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ background: url(images/arr_right.png) center center no-repeat; opacity: 0.5; }

.pro_gdbox .p_rcon h1{ font-size: 30px; font-family: ava; line-height: 40px; }
.pdel_desc{ line-height: 30px; color: #444; overflow: hidden; margin-top: 10px; }
.prodel_xl{ margin-top: 25px;  }
.prodel_xl ul{ width: 100%; overflow: hidden; min-height: 54px; }
.prodel_xl ul li{ float: left; width: 43%; padding-left: 44px; position: relative; padding-top: 6px; }
.prodel_xl ul li p{ font-size: 16px; }
.prodel_xl ul li a{ font-size: 18px; color: #000; font-family: SEGUISB_1; }
.prodel_xl ul li a:hover{ color: #2878e1; }
.prodel_xl ul li h6{  position: absolute; top: 11px; left: 0;  text-align: center; color: #1c4885; font-size: 35px; }

.pro_lxbtn{ margin-top: 32px; }
.pro_lxbtn a{ background: #1c4885; font-family: segoeui_0; color: #fff; text-align: center; border-radius: 35px; width: 190px; height: 45px; line-height: 45px; color: #fff; display: inline-block; }
.pro_lxbtn a:hover{ opacity: 0.85; }
.pro_lxbtn a i{ font-size: 20px; margin-right: 6px; }
.pro_lxbtn a:last-child{ margin-left: 12px; background: #626262; }
.p_share{ margin-top: 25px; font-family: SEGUISB_1; }
.pro_block{ padding: 58px 0 85px 0; }
.pro_ditem{ margin-bottom: 35px; }
.pro_ditem h3{ color: #1c4885; font-size: 24px; font-family: ava; margin-bottom: 25px; }
.pro_ditem h3 i{ font-size: 28px; font-weight: normal; }
.del_para{ width: 100%; overflow-y: auto; }
.del_para table{ background: #fff; width: 100%; border:1px solid #d2d2d2;   }
.del_para table tr td{ color: #666; padding:12px 23px; border-right:1px solid #d2d2d2; font-family: SEGUISB_1; font-size: 16px;   }
.del_para table tr:first-child td{ font-size: 20px; color: #000;  }
.del_para table tr td:nth-of-type(odd){ border-right: none; }
.del_para table tr:nth-of-type(odd) td{ background: #f8f8f8; }
.pro_dianul li{ padding-left: 16px; font-size: 16px; margin-bottom: 12px; position: relative; font-family: SEGUISB_1; }
.pro_dianul li:after{ position: absolute; top: 9px; left: 0; content: ''; width: 5px; height: 5px; background: #1c4885; }
.rel_swiper{ position: relative; }
.rel_swiper .item{ padding: 0 16px; }
.rel_swiper .owl-carousel .owl-stage-outer{ padding: 10px; }
.rel_swiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; z-index: 55; }
.rel_swiper .owl-theme .owl-controls .owl-nav{ position: relative; border-radius: 0; }
.rel_swiper .owl-theme .owl-controls .owl-nav div{ background: url(images/right.png) center center no-repeat #b4c4d8; background-size: 50%; margin: 0; opacity: 1; position: absolute; border-radius: 68px; height: 68px; width: 68px; }
.rel_swiper .owl-theme .owl-controls .owl-nav .owl-prev{ text-indent: -9999em; left: -80px; transform: rotate(180deg);}
.rel_swiper .owl-theme .owl-controls .owl-nav .owl-next{ text-indent: -9999em;  right: -80px; }
.rel_swiper .owl-theme .owl-controls .owl-nav div:hover{ background: url(images/right2.png) center center no-repeat #05b8f1; background-size: 50%;}

.quiry_info{ overflow: hidden; margin-top: 20px;  }
.inqu_text{ color: #666;  }
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{ float: left; width: 49%; margin-bottom: 20px; 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: #fff; color: #333; resize: none; font-family:segoeui_0; border: 1px solid #bfbfbf; border-radius:0;  font-size:18px; line-height: 26px; padding:12px 20px; }
.quiry_info textarea{height: 156px;  }
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #333;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #333;}
.quiry_info button{ border-radius: 0; border:none; cursor: pointer; font-family: SEGUISB_1; display: block; margin: 0 auto; width: 195px; font-size: 18px; text-transform: uppercase; height: 50px; background: #05b8f1; color: #fff; }
.quiry_info button:hover{ opacity: 0.85; }

/*news*/
.news_war{ padding-bottom: 110px; }
.news_war .home_boxtit{ text-align: center; }
.news-ul li{ margin-bottom: 25px; }
.newsli_item{ background: #fff; padding: 25px; overflow: hidden; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); }
.newsli_item a{ display: inline-block; }
.newsli_item .lcon{ float: left; width: 428px; }
.newsli_item .rcon{ margin-left: 428px; padding-left: 64px; padding-right: 70px; }
.newsli_text{ padding-top: 12px; }
.newsli_text h2{font-size: 20px; margin-top: 12px; height: 32px; line-height: 32px; overflow: hidden;}
.newsli_text em{ font-size: 20px; color: #333; font-style: normal; display: inline-block; }
.newsli_text em i{ font-size: 22px; display: inline-block; margin-right: 8px; }
.newsli_text p{ line-height: 28px; height: 56px; overflow: hidden; color: #666; margin-top: 16px; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; font-family:segoeui_0;  }
.newsli_text span{ display: inline-block; background: #1c4885; color: #fff; transition: all 0.3s; margin-top: 38px; width: 192px; height: 48px; line-height: 46px; text-align: center; font-family:segoeui_0; font-size: 20px;  }
.newsli_item:hover .changpic img{ transform: scale(1.15); }
.newsli_item:hover .newsli_text h2{ color: #1c4885; }
/*case*/
.case_list{ width: 100%; overflow: hidden; margin-top: 28px; }
.case_list li{ width: 31%; margin-right: 3%; margin-bottom: 40px; float: left; }
.case_list li:nth-of-type(3n){ margin-right: 0; }
.case_list li .in_casetxt p{ font-size: 18px; }
.in_caseitem a:before{ border: 4px solid #05b8f1; top: 20px; left: -20px; height: 95%; }

/*contact*/
.con_war{ }
.con_war .home_boxtit{ text-align: center; }
.con_lxus{margin-top: 25px; background: #f9f9f9; padding: 70px 10px;}
.con_lxus ul{ width: 100%; overflow: hidden; }
.con_lxus ul li{ float: left; width: 23%; padding: 0 1%; }
.con_lxus ul li:first-child{ width: 31%; }
.con_lxitem{ padding-left: 95px; position: relative; padding-top: 15px; }
.con_lxitem p{ font-size: 20px; font-family: ava; margin-bottom: 10px; }
.con_lxitem span,.con_lxitem a{ font-size: 16px; line-height: 24px; font-family: ava; color: #666; }
.con_lxitem h6{ position: absolute; top: 0; left: 0; width: 82px; height: 82px; line-height: 82px; text-align: center; color: #fff; background: #194e90; border-radius: 82px; font-size: 35px; }
.con_lxitem:hover a{ color: #194e90; }
.in_qubox{ padding: 35px 0; }
.in_qubox h3{  text-align: center; font-size: 36px; font-family: ava; }
.in_qubox .inqu_text{ text-align: center; }
/*新闻*/
.infocon{color: #666; margin-bottom: 80px; }
.infocon h1{font-size:24px; line-height: 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:20px; color: #999}
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; font-size: 16px; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #0068b3; }
.infocon p{line-height:25px; font-size: 17px; margin-bottom: 10px;}



@media screen and (max-width: 1680px){
  .backToTop{ right: 0; width: 50px; height: 50px; }
}

@media screen and (max-width: 1600px){
  .home_boxtit{ font-size: 38px; }
  .in_protext h2{ font-size: 24px; }
  .in_pro_block .owl-theme .owl-controls .owl-nav div,.in_caseswiper .owl-theme .owl-controls .owl-nav div,.rel_swiper .owl-theme .owl-controls .owl-nav div{ width: 50px; height: 50px; }
  .in_pro_block .owl-theme .owl-controls .owl-nav .owl-prev,.in_caseswiper .owl-theme .owl-controls .owl-nav .owl-prev,.rel_swiper .owl-theme .owl-controls .owl-nav .owl-prev{ left: -55px; }
  .in_pro_block .owl-theme .owl-controls .owl-nav .owl-next,.in_caseswiper .owl-theme .owl-controls .owl-nav .owl-next,.rel_swiper .owl-theme .owl-controls .owl-nav .owl-next{ right: -55px; }
  .in_protext{ padding: 215px 40px 45px 40px; }
  .in_abwar .lcon{ padding-top: 134px; }
  .in_case{ padding: 0 0 75px 0; }
  .pro_nav li a p{ font-size: 20px; }
  .ban_l_btn,.ban_r_btn{ width: 50px; height: 50px; }
  .newsli_item .rcon{ padding-left: 35px; padding-right: 0; }
}

@media screen and (max-width: 1440px){
  .warper{ width: 90%; }
  .searchform{ width: 140px; }
  .head_rcon{ width: 215px; }
  nav{ margin-right: 230px; }
  nav li>a{ padding: 0 26px; }
  .position{ height: 54px; }
  .position .header-bot{ display: none; }
  .home_boxtit{ font-size: 35px; }
  .in_probtn{ top: 15px; }
  .in_protext{ padding: 180px 20px 34px 20px; }
  .in_protext span{ margin-top: 15px; }
  .in_abwar{ padding: 80px 0; }
  .in_prowar{ padding-bottom: 80px; }
  .in_ab:after{ height: 85%; }
  .in_casetxt p{ font-size: 21px; }
  .in_newstext h3{ font-size: 24px; }
  .in_newstext p{ margin-top: 5px; }
  .in_newstext{ padding:50px 30px; }
  .in_news{ padding: 50px 0; }
  .pro_gdbox .p_rcon h1{ font-size: 25px; line-height: 35px; }
  .prodel_xl{ margin-top: 12px; }
  .quiry_info li:last-child{ margin-bottom: 0; }
  .pro_block{ padding-bottom: 40px; }
  .ab_com .rcon{ padding-top: 40px; }
  .ab_com .lcon p{ line-height: 30px; }
  .ab_com{ padding-bottom: 60px; }
  .ab_ser p{ margin-top: 10px; }
  .ab_ser{ padding: 60px 0 110px 0; }
  .ab_style{ padding: 50px 0; }
  .news_war{ padding-bottom: 68px; }
  .backToTop{ background-size: 40%; }
  .f_nav h4{ font-size: 27px; }
  .in_protext h2{ font-size: 21px;}
}


@media screen and (max-width: 1366px){
  #banner_home .owl-theme .owl-controls{ top: 40%; left: 65px; }
  .in_protext{ padding: 155px 20px 34px 20px; }
  .in_protext h2{ font-size: 22px; }
  .pro_nav li a p{ font-size: 17px; }
  /*.proli_item{ padding: 15px 50px 38px 50px; }*/
  .pro_swiper{ padding: 25px 75px; }
  .ab_com .lcon p{ margin-top: 0; }
  .ab_com .rcon{ padding-top: 0; }
  .con_lxitem h6{ width: 60px; height: 60px; line-height: 60px; font-size: 25px; }
  .con_lxitem{ padding-left: 70px; }
  .con_lxus{ padding: 40px 10px; }
  .in_protext h2{ font-size: 19px;}
}

@media screen and (max-width: 1280px){
  .head_rcon{ width: 202px; }
  nav li>a{ padding: 0 17px; }
  .in_ab{ padding-bottom: 0; }
  .in_case{ padding-bottom: 0; }
  .in_newslist li:last-child{ margin-bottom: 0; }
  .in_newslist li{ margin-bottom: 20px; }
  .in_newstext{ top: 33px; }
  .pro_nav li a{ display: inline-block; width: 100%; }
  .pro_listbox{ padding-bottom: 50px; }
  .pro_gdbox .p_rcon{ padding: 18px 24px 0 28px; }
  .pdel_desc{ line-height: 25px; }
  .pro_ditem h3{ font-size: 20px; margin-bottom: 7px; }
  .home_boxtit p{ margin-bottom: 2px; }
  .roundabout-holder{ width: 450px; }
  .ab_ser p{ font-size: 21px; }
  .in_qubox h3{ font-size: 30px; }

}


@media screen and (max-width: 1024px){
  #banner_home,.subbanner,.pro_flash{ margin-top: 62px; }
  #nav .nav-button{display: block; top: 14px; right: 0; background: #05b8f1 ; }
  header,header.position{ height: 62px; background:#223242; }
  .logo img{ height:46px; }
  .logo{ top: 0; width: 62px; height: 62px; line-height: 62px; }
  .head_rcon{ right: 50px; top: 5px; }
  .warper{ width: 96%; }
  .header-bot{ display: none; }
  .fixnav{ display: none; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width:310px ; z-index: 99;overflow: auto;background: #222; transform: translateX(-310px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin: 0; }
  nav li>a,.position nav li>a{ margin:0; color: #fff; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav dl{ left: 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: #05b8f1; color: #fff; }
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li dl dd a{ color: #fff !important; white-space: normal; }
  nav dl dd:hover div{display: none;}
  #banner_home .owl-theme .owl-controls{ width: 100%; left: 0; top: auto; bottom: 16px; }
  #banner_home .owl-theme .owl-dots .owl-dot{ display: inline-block; margin: 0; }
  #banner_home .owl-dot:after{ display: none; }
  #banner_home .owl-theme .owl-dots .owl-dot.active span{ width: 30px; }
  .in_pro{ padding-top: 30px; }
  .home_boxtit{ font-size: 28px; }
  .in_protit{ padding-right: 30%; }
  .in_probtn{ top: -2px; }
  .in_protext{ padding: 62px 15px 28px 15px; }
  .in_protext h2{ font-size: 19px; line-height: 25px; height: 50px; }
  .in_protext p{ margin-top: 5px; font-size: 17px; line-height: 22px; height: 88px; }
  .in_prowar{ margin-top: 20px; }
  .in_pro_block .owl-theme .owl-controls .owl-nav .owl-prev, .in_caseswiper .owl-theme .owl-controls .owl-nav .owl-prev, .rel_swiper .owl-theme .owl-controls .owl-nav .owl-prev{ left: -12px; }
  .in_pro_block .owl-theme .owl-controls .owl-nav .owl-next, .in_caseswiper .owl-theme .owl-controls .owl-nav .owl-next, .rel_swiper .owl-theme .owl-controls .owl-nav .owl-next{ right: -12px; }
  .in_pro_block .item{ margin: 0 10px; }
  .in_abwar .lcon{ width: 100%; float: none; padding-top: 0; }
  .in_abwar .rcon{ margin-left: 0; padding-left: 0; margin-top: 18px; }
  .in_abtext{ margin-top: 12px; }
  .in_ab:after,.in_ab:before{ display: none; }
  .in_abwar{ padding: 0; }
  .in_ab{ background: #223242; padding: 50px 0; }
  .in_prowar{ padding-bottom: 50px; }
  .in_case{ padding: 50px 0; }
  .in_caseitem a:before,.in_casetxt:after{ display: none; }
  .in_caseswiper .item{ margin: 0 10px; }
  .in_casetxt{ padding: 10px; }
  .in_casetxt p{ font-size: 17px; line-height: 25px; height: 50px; }
  .in_caseswiper .owl-carousel .owl-stage-outer{ padding-bottom: 0; }
  .in_caseswiper{ margin-top: 15px; }
  .in_newstext{ padding: 20px; }
  .in_newstext h3{ font-size: 20px; }
  .in_newstext p{ font-size: 17px; }
  .in_newstext{ top: 45px; }
  .f_top{ display: none; }
  .f_nav .f_item1{ display: none; }
  .f_nav .f_item2{ margin-left: 0; width: 20%; }
  .f_nav .f_item3{ width: 36%; }
  .f_nav .f_item4{ width: 36%; }
  .f_nav{ padding: 20px 0 10px 0; }
  footer .copyright{ padding: 15px 0; }
  .paddt58{ padding-top: 30px; }
  .pro_nav{ margin-top: 12px; }
  .pro_flash{ padding: 40px 0; }
  .pro_gdbox .p_rcon h1{ font-size: 21px; line-height: 30px; }
  .pdel_desc{ height: auto; font-size: 17px; }
  .pro_gdbox .p_rcon{ padding: 18px 20px 0 18px; }
  .prodel_xl ul li a{ font-size: 16px; }
  .prodel_xl ul li h6{ font-size: 28px; }
  .prodel_xl ul li{ padding-left: 36px; }
  .pro_lxbtn{ margin-top: 12px; }
  .p_share{ margin-top: 16px; }
  .pro_block{ padding: 40px 0; }
 /* .proli_item{ padding: 15px 30px 38px 30px; }*/
  .rel_swiper .item{ padding: 0 12px; }
  .ab_com .lcon{ width: 100%; float: none; padding: 0; }
  .ab_com .rcon{ margin-left: 0; padding-left: 0; margin-top: 12px; }
  .ab_com .lcon p{ margin-top: 12px; font-size: 17px; }
  .roundabout-moveable-item{ width: 680px; }
  #featured-area{ margin: 210px auto 0 auto; height: 190px; }
  .newsli_item{ padding: 12px; }
  .newsli_item .lcon{ width: 390px; }
  .newsli_item .rcon{ margin-left: 390px; padding-left: 20px; }
  .newsli_text span{ margin-top: 20px; }
  .infocon{ margin-bottom: 30px; }
  .case_list li{ margin-bottom: 20px; }
}

@media screen and (max-width: 768px){
  .in_probtn{ display: none; }
  .in_protit{ padding-right: 0; }
  .home_boxtit{ font-size: 22px; }
  .pro_item .changpic{ position: static; }
  .pro_item{ padding-top: 0; }
  .in_protext{ padding: 25px 15px; }
  .in_prowar{ padding-bottom: 30px; }
  .in_ab,.in_case,.in_news{ padding: 30px 0; }
  .in_abtext p{ color: #fff; font-size: 16px; line-height: 24px; }
  .in_newstext{ padding: 15px; top: 30px; }
  .in_newstext .rcon{ display: none; }
  .in_newstext .lcon{ width: 100%; float: none; }
  .in_newstext p{ line-height: 24px; height: 48px; font-size: 16px; }
  .in_newstext h3{ height: 30px; line-height: 30px; font-size: 18px; }
  .f_nav h4{ font-size: 20px; margin-bottom: 16px; }
  .pro_nav li a p{ line-height: 20px; height: 40px; font-size: 13px; }
  .pro_nav li{ width: 28%; }
  .proli_item{ padding: 15px; }
  .pro_lipp p{ font-size: 16px; line-height: 21px; height: auto; }
  .pro_list{ margin-top: 10px; }
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{ width: 32px; height: 32px; line-height: 32px; }
  .digg4 span.disabled{ line-height: 20px; }
  .pro_gdbox .p_lcon{ width: 100%; float: none; }
  .pro_gdbox .p_rcon{ margin-left: 0; padding: 18px; }
  .del_para table tr:first-child td{ font-size: 18px; }
  .quiry_info li{ margin-bottom: 9px; }
  .pro_block .pro_ditem:last-child{ margin-bottom: 0; }
  .ab_com .lcon p{ line-height: 24px; font-size: 16px; }
  .ab_ser p{ line-height: 24px; font-size: 17px; }
  .roundabout-holder{ width: 300px; }
  .roundabout-moveable-item{ width: 500px; }
  #featured-area{ margin: 154px auto 0 auto; height: 145px; }
  .ab_style{ padding: 30px 0; }
  .newsli_item .lcon{ width: 260px; }
  .newsli_item .rcon{ margin-left: 260px; }
  .newsli_text span{ display: none; }
  .newsli_text h2{ font-size: 18px; }
  .newsli_text p{ font-size: 16px; line-height: 24px; height: 48px; margin-top: 8px; }
  .infocon h1{ font-size: 22px; }
  .infocon .time{ margin-bottom: 10px; }
  .infocon .other{ margin-top: 24px; }
  .con_lxus{ padding: 10px; }
  .con_lxus ul li{ width: 100%; float: none; }
  .con_lxus ul li:first-child{ width: 100%; }
  .con_lxitem h6{ width: 50px; line-height: 50px; height: 50px; top: 10px; }
  .con_lxitem{ padding-left: 60px; }
  .con_lxitem p{ font-size: 17px; margin-bottom: 4px; }
  .in_qubox{ padding: 30px 0; }
}

@media screen and (max-width: 640px){
  .in_protext{ padding: 12px; }
  .in_protext h2{ font-size: 17px; }
  .in_protext span{ font-size: 15px; }
  .in_pro_block .owl-theme .owl-controls{ top: 45%; }
  .in_newstext{ top: 12px; }
  .in_newslist li{ margin-bottom: 12px; }
  .f_nav .f_item2{ display: none; }
  .f_nav .f_item3{ margin-left: 0; width: 48%; }
  .f_nav .f_item4{ width: 50%; }
  .f_nav .f_item4 ul li{ margin-bottom: 4px; }
  footer .copyright{ font-size: 15px; }
  .pro_nav{ display: none; }
  .proli_item{ padding: 10px; }
  .pro_listbox{ padding-bottom: 30px; }
  .pro_list li{margin-bottom: 14px;}
  .paddt58{ padding-top: 20px; }
  .pro_flash{ padding: 20px 0; }
  .pro_gdbox .p_rcon h1{ font-size: 20px; }
  .pro_block{ padding: 20px 0; }
  .del_para table tr td{ padding: 10px; }
  .pro_ditem{ margin-bottom: 10px; }
  .backToTop{ width: 30px; height: 30px; }
  .ab_com{ padding-bottom: 20px; }
  .ab_ser{ padding: 30px 0; }
  .ab_ser p{ padding: 0; }
  .roundabout-moveable-item{ width: 450px; }
  .roundabout-holder{ width: 200px; }
  #featured-area{ margin: 136px auto 0 auto; height: 122px; }
  .news_war{ padding-bottom: 30px; }


}

@media screen and (max-width:480px){
  .searchform{ display: none; }
  .head_rcon{ width: 42px; }
  .in_pro{ padding-top: 15px; }
  .in_pro_block .owl-theme .owl-controls .owl-nav div, .in_caseswiper .owl-theme .owl-controls .owl-nav div, .rel_swiper .owl-theme .owl-controls .owl-nav div{ width: 40px; height: 40px; }
  .in_pro_block .owl-theme .owl-controls .owl-nav .owl-prev, .in_caseswiper .owl-theme .owl-controls .owl-nav .owl-prev, .rel_swiper .owl-theme .owl-controls .owl-nav .owl-prev{ left: 0; }
  .in_pro_block .owl-theme .owl-controls .owl-nav .owl-next, .in_caseswiper .owl-theme .owl-controls .owl-nav .owl-next, .rel_swiper .owl-theme .owl-controls .owl-nav .owl-next{ right: 0; }
  .home_boxtit{ font-size: 20px; }
  .in_abtext .i_ablcon{ width: 100%; float: none; }
  .in_abbtn,.in_news:before,.f_nav .f_item3{ display: none; }
  .in_abtext .i_abrcon,.f_nav .f_item4{ width: 100%; float: none; }
  .in_ab, .in_case, .in_news{ padding: 20px 0; }
  .in_newstext{ position: static; width: 100%; }
  .in_newspic{ width: 100%; float: none; border-radius: 0; }
  .pro_list li{ width: 49%; margin-bottom: 9px; }
  .pro_list li:nth-of-type(3n){ margin-right: 2%; }
  .pro_list li:nth-of-type(even){ margin-right: 0; }
  .prodel_xl ul li{ width: 100%; float: none; }
  .pro_lxbtn a{ width: 100%; }
  .pro_lxbtn a:last-child{ margin-left: 0; margin-top: 4px; }
  .pro_gdbox .p_rcon{ padding: 12px; }
  .pro_gdbox .p_rcon h1{ font-size: 18px; }
  .quiry_info li{ width: 100%; float: none; margin-bottom: 5px; }
  .quiry_info li:nth-of-type(even){ float: none; }
  .pro_dianul li{ margin-bottom: 4px; }
  .footmenu{ display: block; }
  footer{ margin-bottom: 60px; }
  .footmenu div.con{ background: #05b8f1; }
  .ab_com .lcon p{ margin-top: 0; }
  .ab_ser p{ font-size: 16px; line-height: 22px; }
   #featured-area .roundabout-holder{ width: 200px; }
  #featured-area .roundabout-moveable-item{ width: 300px; }
  .ban_l_btn, .ban_r_btn{ width:40px; height: 40px;  }
  #featured-area{ height: 79px; margin-top: 96px; }
  #featured-area{margin-bottom:}
  .ab_style{ padding: 20px 0; }
  .newsli_item{ padding: 10px; }
  .newsli_item .lcon{ width: 100%; float: none; }
  .newsli_item .rcon{ margin-left: 0; padding-left: 0; }
  .newsli_text em{ display: none; }
  .newsli_text h2{ margin-top: 0; }
  .newsli_text p{ margin-top: 4px; }
  .news-ul li{ margin-bottom: 10px; }
  .infocon p{ font-size: 16px; line-height: 22px; }
  .infocon h1{ font-size: 19px; line-height: normal; }
  .case_list li{ width: 49%; margin-right: 2%; margin-bottom: 10px; }
  .case_list li:nth-of-type(3n){ margin-right: 2%; }
  .case_list li:nth-of-type(even){ margin-right: 0; }
  .case_list li .in_casetxt p{ font-size: 17px; line-height: 22px; height: 44px; }
  .in_casetxt{ padding: 10px 0; }
  .case_list{ margin-top: 10px; }
  .in_qubox{ padding: 20px 0; }
  .in_qubox h3{ font-size: 22px; }
  .con_lxus{ margin-top: 5px; }
  .con_lxitem span, .con_lxitem a{ font-size: 15px; }
  .pro_ditem h3 i{ display: none; }
}
@media screen and (max-width:414px){
  .pro_list{ margin-top: 5px; }
  .pro_ditem h3{ font-size: 18px; }
  .del_para table tr:first-child td{ font-size: 17px; }
  .paddt58{ padding-top: 15px; }
}