@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'itcbo';
    src: url('fonts/itcbo.eot');
    src: local('☺'), url('fonts/itcbo.woff') format('woff'), url('fonts/itcbo.ttf') format('truetype'), url('fonts/itcbo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Black-1';
    src: url('fonts/Roboto-Black-1.eot');
    src: local('☺'), url('fonts/Roboto-Black-1.woff') format('woff'), url('fonts/Roboto-Black-1.ttf') format('truetype'), url('fonts/Roboto-Black-1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot');
    src: local('☺'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light.eot');
    src: local('☺'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium_0';
    src: url('fonts/Roboto-Medium_0.eot');
    src: local('☺'), url('fonts/Roboto-Medium_0.woff') format('woff'), url('fonts/Roboto-Medium_0.ttf') format('truetype'), url('fonts/Roboto-Medium_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot');
    src: local('☺'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}


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

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

.icon-vk:before {
  content: "\e757";
}

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

.icon-messager:before {
  content: "\e60f";
}

.icon-tance:before {
  content: "\e657";
}

.icon-huanbao:before {
  content: "\e666";
}

.icon-jiujingjiance:before {
  content: "\e655";
}

.icon-xiaofanggongcheng:before {
  content: "\e643";
}

.icon-anquanbaozhang-xianxing:before {
  content: "\e88c";
}

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

.icon-jianceqi:before {
  content: "\ec54";
}

.icon-chengshi:before {
  content: "\ec70";
}

.icon-ranqijianceqi:before {
  content: "\ec76";
}

.icon-jiankangguanli:before {
  content: "\e631";
}

.icon-agora_wulianwang:before {
  content: "\e682";
}

.icon-shoudiantong:before {
  content: "\e629";
}

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

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

.icon-socialyoutube:before {
  content: "\e648";
}

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

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

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

.icon-jiaotongyunshu:before {
  content: "\e61a";
}

.icon-shizhengsheshiguanwang:before {
  content: "\e699";
}

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

.icon-chuanganqi:before {
  content: "\e641";
}

.icon-zhihuishenghuo--zhihuijiaju:before {
  content: "\e78e";
}

.icon-gongyi:before {
  content: "\e744";
}

.icon-jiaoyu:before {
  content: "\e642";
}

.icon-sitemap:before {
  content: "\e8a9";
}

.icon-wendang:before {
  content: "\e67a";
}

.icon-dianhua11:before {
  content: "\e63a";
}

.icon-yonghu:before {
  content: "\e639";
}

.icon-21download:before {
  content: "\e69e";
}

.icon-24gf-play:before {
  content: "\ea82";
}

.icon-biaodan:before {
  content: "\e715";
}

.icon-jiantou3:before {
  content: "\e65a";
}

.icon-jiantou3-copy:before {
  content: "\ec8e";
}

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

.icon-duoyuyan:before {
  content: "\e654";
}

.icon-shangcheng11:before {
  content: "\e64c";
}

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

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

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

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

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

.icon-wechat1:before {
  content: "\e650";
}

.icon-zixun:before {
  content: "\e661";
}

.icon-zixun1:before {
  content: "\e662";
}

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

.icon-liaotian1:before {
  content: "\e60e";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-dayinchuanzhen:before {
  content: "\e627";
}

.icon-shoujilianxi:before {
  content: "\e620";
}

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

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

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

.icon-pinterest1:before {
  content: "\e907";
}

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

.icon-pinterest:before {
  content: "\e7a8";
}

.icon-dianhua4:before {
  content: "\e610";
}

.icon-fax-fill:before {
  content: "\e621";
}

.icon-jurassic_message:before {
  content: "\e69d";
}

.icon-ins:before {
  content: "\e664";
}

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

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

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

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

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

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

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

.icon-WhatsappMessage:before {
  content: "\e841";
}

.icon-Mail:before {
  content: "\e71f";
}

.icon-douyin:before {
  content: "\e8db";
}


input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; position: relative; padding-bottom: 450px; }
.main{ background: #f1f1f1;  }
.warper{ width:1400px; margin:0 auto; position: relative;}

.media{ display: inline-block; margin-top: 48px; }
.media a{color: #343434; font-size: 20px; background:#fff ; width: 34px; height: 34px; line-height: 34px; border-radius: 5px; text-align: center; margin-right: 8px; display:inline-block;}
.media a:nth-of-type(1){ color: #306bb5; }
.media a:nth-of-type(2){ color: #cc2a2f; }
.media a:nth-of-type(3){ color: #f40002;}
.media a:nth-of-type(4){ color: #28aae1; }
.media a:hover:nth-of-type(1){ color: #fff; background: #306bb5; }
.media a:hover:nth-of-type(2){ color: #fff; background: #cc2a2f; }
.media a:hover:nth-of-type(3){ color: #fff; background: #f40002; }
.media a:hover:nth-of-type(4){ color: #fff; background: #28aae1; }


header{ width: 100%; height: 160px; background: #070d22; z-index: 999; position: fixed; top: 0;  left: 0; }
header:before{ content: ""; position: absolute; top: 69px; right: 0; width: 50%; height: 1px; background: #272c3d; }
header .warper{ padding-left: 190px; }
.position{ overflow: hidden; height: 0; }

#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left:-40px; top: 28px;}


.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;}

.l_fixed{ position: fixed; top: 25%;  right: 0; z-index: 666;  }
.l_fixed ul{ width: 100%; }
.l_fixed ul li{ width: 106px; transition: all 0.3s; transform: translateX(8px); margin-bottom: 10px; position: relative;  }
.l_fixed ul li a{ border-top-left-radius: 80px; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%); padding: 25px 0 25px 20px; border-bottom-left-radius: 80px; display: block; font-size: 16px; background: #fff; width: 100%; text-align: center; color: #333; }
.l_fixed ul li a i{ font-size: 30px; display: inline-block; color: #868686; transition: all 0.3s; }
.l_fixed ul li p{ font-size: 13px; margin-top: 6px; font-family: Roboto-Light; }
.l_fixed ul li:hover a{ background: #0f357e; color: #fff; }
.l_fixed ul li:hover a i{ color: #fff; }
.l_fixed ul li:hover{ transform: translateX(0); }



.he_div{ border-left: 1px solid #272c3d; }
.he_top{ height: 70px; line-height: 70px; border-bottom: 1px solid #272c3d; overflow: hidden; padding-left: 50px; }
.he_lediv{ display: inline-block; float: left; color: #949494; }
.he_lediv a{ color: #fff; }
.he_lediv i{ color: #fff; font-size: 18px; margin-right: 6px; }
.he_lediv a:hover{ color: #bf0001; }
.he_ulic{ float: right; width: 404px; overflow: hidden; }
.he_ulic li{ float: left; border-right: 1px solid #272c3d; width: 16.66%; text-align: center; }
.he_ulic li a{ color: #fff; display: inline-block; width: 100%; height: 100%; }
.he_ulic li a i{ font-size: 17px; }
.he_ulic li:first-child a i{ font-size: 30px; }
.he_ulic li:nth-of-type(1):hover a{ background: #0f357e; }
.he_ulic li:nth-of-type(2):hover a{ background: #3a82d3; }
.he_ulic li:nth-of-type(3):hover a{ background: #30afeb; }
.he_ulic li:nth-of-type(4):hover a{ background: #0085b2; }
.he_ulic li:nth-of-type(5):hover a{ background: #d20000; }

nav{ float: left; }
nav li{ float: left; position: relative; }
nav li>a{ position: relative; padding: 0 36px; text-transform: uppercase; font-family: Roboto-Medium_0; z-index: 0; color: #fff; line-height: 90px; display: block; text-align: center;}
nav li a:before{ position: absolute; width: 0; z-index: -1; transition: all 0.3s; left: 0; content: ""; height: 100%; background: #0f357e; bottom: 0; }
nav li.on a,nav li:hover a{ color: #fff; }
nav li.on a:before ,nav li:hover a:before{ width: 100%; }
nav li:last-child{ margin-right: 0; }
nav dl{ transition: opacity 1s ease;position: absolute; display: none; background: #fff; min-width: 220px; top: 90px;  left:0; z-index: 999;  }
nav dl dd{ display: block; position: relative; border-bottom: 1px solid #eee; }
nav dl dd:last-child{ border: none; }
nav li dl dd a{ opacity: 1; line-height: normal; font-size: 16px; background: transparent !important; color: #333 !important; display: block; padding: 15px 18px; text-align: left; text-transform: capitalize;}
nav li dl dd a:before{ display: none; }
nav li dl dd a:hover{ background: #0f357e !important; cursor: pointer; color: #fff !important;}
nav dl dd div{ width: auto;position: absolute; left: 100%; top: 0; background:rgba(231,20,26,.6); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:13px 18px; white-space: nowrap; color: #fff !important; border-bottom: none; min-width: 200px; }
.no_rel{ position: static; }
.pro_meun{ width: 100%; display: none; border-bottom: 4px solid #0f357e; overflow: hidden; background: #fff; position: absolute; top: 90px; left: 0; padding:25px 30px 30px 30px; box-shadow: 0 8px 10px rgb(0 0 0 / 12%); }
.p_downdiv{ display: flex; flex-wrap: wrap; }
.p_downdiv .p_doitem{ width: 23.5%; margin-right: 2%; margin-bottom: 10px; }
.p_downdiv .p_doitem:nth-of-type(4n){ margin-right: 0; }
.p_doitem h4{ margin-bottom: 10px; font-weight: normal; border-bottom: 1px solid #eee; padding-bottom: 12px; }
.p_doitem h4 a{ color: #0f357e !important; font-size: 20px; font-family: Roboto-Medium_0; }
.p_doitem h4 a:before{ display: none; }
.p_doitem p a{ font-size: 15px; color: #666 !important; line-height: 26px; }
.p_doitem p a:hover{ color: #0f357e !important; margin-left:5px; }
.p_doitem p a:before,.p_mercon a:before{ display: none; }

.head_rcon{ position: absolute; width: 80px; right: 0; top: 29px;}
.language{ width: 26px; margin-top: 3px; float: right; font-size: 16px; display: inline-block; position: relative; height: 24px; cursor: pointer; line-height: 24px; text-align: center; }
.language i{ font-size: 20px; color: #fff; }
.language-main {
    width: 216px;
    padding: 1px 0;
    position: absolute;
    display: none;
    z-index: 99;
    left: -30px;
    top: 22px;
    background: url("images/ffggg.png") no-repeat 26px 4px;
    }
.language:hover .language-main {display: block;}
.language-cont { width: 120px; padding: 0 16px; margin-top: 10px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); border-top: 3px solid #0f357e; background: #ffffff;  padding-bottom: 10px;}
.language-cont a {width: 100% !important;position: relative;font-size: 14px !important;padding: 0 !important;/*padding-left: 15px !important;*/color: #888 !important;background: #fff !important;height: auto !important;/* border: none !important; */line-height: 28px !important;text-align: left;display: block !important;}
.language-post { padding-top: 10px;}
/* .language-cont a:after{ position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #0f357e; content: ''; } */
.language-cont a:hover { color: #0f357e !important;}
.language-cont a:hover:after{ background: #0f357e; }
.search-button{ cursor: pointer; width: 30px; text-align: center; float: left; position: relative;  border-radius: 30px; height: 30px; line-height: 30px; display: inline-block; }
.search-button i{ color: #fff; font-size: 18px;  }
.searchform{ overflow: hidden;background:#0f357e;position: absolute; right: 0; height: 0; z-index: 88; top:61px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 18px; color: #fff; }
.searchform input{ width: 190px; font-family: Roboto-Regular; background:#0f357e; color: #fff; line-height:51px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:46px; background:#0f357e; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}
.searchform button:hover{ background: #bf0001; }

.he_bot{ position: relative; }

.banner_home{ margin-top: 160px; position: relative; overflow: hidden; }
.banner_home .custom_paging{ position: absolute; width: 100%; top: 35%; left:0; z-index: 8; }
.banner{ position: relative; }
.ban_arrow{ width: 100%; position: absolute; top: 40%; left: 0;  }
.ban_arrow span{ display: inline-block; width: 60px; height: 60px; line-height: 60px; background: rgba(255, 255, 255, 0.1); text-align: center; border-radius: 60px; cursor: pointer; position: absolute; top: 0; }
.ban_arrow span i{ color: #fff; font-size: 26px; }
.ban_arrow span.ban_prev{ left: 10%; transform: rotate(180deg); }
.ban_arrow span.ban_next{ right: 10%; }
.ban_arrow span:hover{ background: #0f357e; }

.backToTop{width:60px; height:60px; border-radius: 60px; background:#0f357e url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:2%; text-indent:9999px; bottom:10px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

footer{ position: absolute; overflow: hidden; bottom: 0; left: 0; width: 100%; background: url(images/fot_bg.png) center 22px no-repeat; background-size: cover; }
.f_top{ width: 100%; overflow: hidden; }
.fb_le{ width: 506px; float: left; }
.fb_ri{ margin-left: 506px; padding-left: 70px; padding-top: 124px; }
.fl_media{ background: #0f357e; text-align: center; padding: 20px 0; }
.fc_muul{ display: inline-block; }
.fc_muul li{ display: inline-block; margin: 0 10px; }
.fc_muul li a{ display: inline-block; color: #fff; }
.fc_muul li a i{ font-size: 24px; }
.fc_muul li:nth-of-type(1):hover a{ color: #3a82d3; }
.fc_muul li:nth-of-type(2):hover a{ color: #30afeb; }
.fc_muul li:nth-of-type(3):hover a{ color: #0085b2; }
.fc_muul li:nth-of-type(4):hover a{ color: #d20000; }
.fc_muul li:hover a{ transform: translateY(2px); }
.fl_xl{ background: #fff; padding: 46px 42px 52px 42px; position: relative; }
.fl_xl:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: url(images/em_bo.jpg) no-repeat; background-size: cover; }
.fl_log p{ font-size: 26px; margin-left: 32px; display: inline-block; font-family: Roboto-Medium_0; }
.fl_log *{ vertical-align: middle; }
.f_dsp{ margin-top: 30px; font-size: 16px; line-height: 26px; color: #666; font-family: Roboto-Light; }
.f_lxul{ width: 100%; overflow: hidden; margin-top: 28px; }
.f_lxul li{ display: inline-block; float: left; font-size: 16px; position: relative; padding-left: 26px; width: 49%; margin-right: 2%; margin-bottom: 26px; }
.f_lxul li:nth-of-type(even){ margin-right: 0; }
.f_lxul li i{ position: absolute; top: 0; left: 0; font-size: 19px; color: #bf0001; }
.f_lxul li:hover a{ color: #bf0001; }
.f_lxul li:nth-of-type(3),.f_lxul li:nth-of-type(4){ margin-bottom: 0; }

.fa_nav{ width: 100%; overflow: hidden; }
.fa_item1{ float: left; width: 23%; }
.fa_item2{ float: left; width: 30%; }
.fa_item3{ float: right; width: 40%; }
.fa_nav h4{ color: #fff; margin-bottom: 24px; text-transform: uppercase; font-size: 26px; font-family: Roboto-Black-1; }
.f_navli li{ margin-bottom: 15px; font-size: 16px; font-family: Roboto-Light; padding-left: 24px; position: relative; }
.f_navli li a{ color: #c7c9cd; }
.f_navli li a:hover{ color: #fff; text-decoration: underline; }
.f_navli li:before{ content: ">>"; color: #c7c9cd; font-size: 18px; font-family: Roboto-Light; position: absolute; top: -2px; left: 0;  }

.fa_item3 form{ position: relative; }
.fa_item3 input{ height:52px; line-height: 52px; }
.fa_item3 input,.fa_item3 textarea{ border-radius: 5px; width: 100%; background:#242939; border: none; padding: 2px 12px; font-family: Roboto-Regular; resize: none; color: #fff; font-size: 16px;}
.fa_item3 input::-webkit-input-placeholder, .fa_item3 textarea::-webkit-input-placeholder{ color: #b3b6bd; }
.fa_item3 textarea{ padding:10px 12px; height: 78px; }
.fa_item3 button{ width:100%; transition: all 0.3s; border-radius: 5px; height: 50px; font-size: 16px; font-family: Roboto-Regular; display: block; color: #fff; text-align: center; background: #bf0001; border:none; cursor: pointer; }
.fa_item3 ul li{ position: relative; float: left; margin-bottom: 8px; width: 49%; margin-right: 2%; }
.fa_item3 ul li:nth-of-type(2){ margin-right: 0; }
.fa_item3 ul li:nth-of-type(3),.fa_item3 ul li:nth-of-type(4){ width: 100%; margin-right: 0; }
.fa_item3 button:hover{ background: #fff; color: #4463f1; }

.copyright{ margin-top: 54px; font-size: 16px; border-top: 1px solid #292d3e; padding: 25px 0; font-family: Roboto-Light; text-align: center;  color:#77787e; }
.copyright p{ display: inline-block; }
.copyright p a{ color:#77787e; }
.copyright p a:hover{ color: #fff; }
.copy_link{ display: inline-block; margin-left: 15px; }
.copy_link li{ display: inline-block; margin: 0 10px; font-size: 16px; }
.copy_link li a{ color:#4d505d; }
.copy_link li a:hover{ color:#fff; }
.copy_link li i{ color: #8f929c; }
.f_out{ margin-top: 10px; }
.f_out a{ color: #4d505d; }
.f_out a:hover{ color: #fff; }


.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }
.cl{ clear: both; }
/*版块标题*/
.home_boxtit{ font-size: 52px; font-family: Roboto-Black-1; text-transform: uppercase; }


/*首页*/
.in_hoprdiv{ position: relative; z-index: 0; padding: 54px 0 60px 0; }
.in_hoprdiv:before{ content: ""; background: url(images/in_psbg.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height:66%; }
.in_hottag{ width: 100%; overflow: hidden; }
.in_hottag li{ float: left; margin-right: 10px; margin-bottom: 10px; }
.in_hottag li span{ font-size: 16px; display: inline-block; padding-top: 8px; }
.in_hottag li a{ display: inline-block; background: #f6f7f8; color: #666; padding: 10px 27px; font-family: Roboto-Light; font-size: 14px; color: #666; }
.in_hottag li a:hover{ background: #0f357e; color: #fff; }

.in_ourp{ margin-top: 68px; }
.in_opbox{ width: 100%; overflow: hidden; }
.in_ople{ width: 53%; float: left; }
.in_opri{ width: 47%; padding-left: 68px; float: right; }
.in_opnav{ width: 100%; overflow: hidden; margin-top: 36px; }
.in_opnav li{ float: left; margin-right: 5px; margin-bottom: 5px; }
.in_opnav li a{ display: inline-block; background: #dbe1e7; font-family: Roboto-Light; font-size: 16px; color: #333; padding: 18px 36px; border: 1px solid #bac0c6; }
.in_opnav li a:hover,.in_opnav li.on a{ background: #0f357e; border: 1px solid #0f357e; color: #fff; }
.in_opde{ margin-top: 26px; }
.in_opde p{ font-size: 16px; color: #666; line-height: 36px; font-family: Roboto-Light; }
.in_opswi{ margin-top: 32px; position: relative; }
.inopgd .item{ margin: 0 20px; }
.ino_item{ background: #fff; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%);}
.ino_txt{ padding: 14px 36px 48px 36px; }
.ino_txt h3{ font-size: 20px; font-family: Roboto-Bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ino_txt p{ margin-top: 12px; font-family: Roboto-Light; font-size: 16px; line-height: 26px; height: 78px; overflow: hidden; color: #666; }
.ino_link{ margin-top: 20px; overflow: hidden; }
.ino_link a{ width: 48%; margin-right: 4%; background: #ecf0f4; border-radius: 40px; color: #666; font-family: Roboto-Light; float: left; padding: 12px 15px 12px 32px; }
.ino_link a:last-child{ margin-right: 0; }
.ino_link a i{ float: right; font-size: 24px; }
.ino_link a:hover{ background: #0f357e; color: #fff; }
.ino_link a:last-child:hover{ background: #bf0001; color: #fff; }
.ino_item:hover .changpic img{ transform: scale(1.15); }
.inopgd .slick-track{ padding: 10px 0; }
.i_parrow{ position: absolute; top:38%; width: 100%; left: 0; }
.i_parrow span{ position: absolute; top: 0; width: 56px; height: 56px; text-align: center; transition: all 0.3s; border-radius: 56px; line-height: 56px; cursor: pointer; display: inline-block; color: #848484; background: #fff; }
.i_parrow span i{ display: inline-block; font-size: 26px; }
.i_parrow span.slick_next{ right: -100px; }
.i_parrow span.slick_prev{ left: -100px; transform: rotate(180deg); }
.i_parrow span:hover{ color: #fff; background: #0f357e; }
.in_oem{ margin-top: 58px; overflow: hidden; border-left: 5px solid #0c2a74; padding-left: 40px; }
.in_oele{ float: left; width: 72%; }
.in_oeri{ float: right; padding-top: 20px; width: 28%; text-align: right; }
.in_oele h2{ font-size: 30px; font-family: Roboto-Medium_0; font-weight: normal; }
.in_oele p{ margin-top: 15px; font-size: 16px; line-height: 30px; color: #888; font-family: Roboto-Light; }
.in_oeri a{ display: inline-block; padding: 15px 34px; border-radius: 30px; background: #ecf0f4; font-size: 16px; font-family: Roboto-Light; }
.in_oeri a i{ margin-left: 50px; font-size: 20px; }
.in_oeri a:hover{ color: #fff; background: #0f357e; }

.in_abbox{ padding: 98px 0 62px 0; position: relative; z-index: 0; }
.in_abbox:before{ content: ""; width: 100%; height: 383px; z-index: -1; position: absolute; top: 0; left: 0; background: url(images/in_abbg.jpg) no-repeat; background-size: cover; }
.in_abtit{ position: relative; }
.home_boxtit p{ font-size: 16px; text-transform: none; margin-bottom: 6px; font-family: Roboto-Light; }
.in_abtit .home_boxtit{ color: #fff; }
.ivbtn{ position: absolute; z-index: 3; right: 0; top: 0; }
.ivbtn a.fancybox { display: inline-block;
    background: #fff; width: 70px; height: 70px; line-height: 70px; text-align: center;
    border-radius: 50%; position: relative; z-index: 999; }
.ivbtn i{ font-size: 36px; color: #bf0001; }
.ivbtn a:hover.fancybox { background: #ddd; }
.ripple, .ripple:before, .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
    animation: ripple 3s infinite;
}
.ripple:before {
    animation-delay: .9s;
    content: "";
    position: absolute
}

.ripple:after {
    animation-delay: .6s;
    content: "";
    position: absolute
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 40px rgba(228,145,16,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(228,145,16,0)
    }
}

.in_abbook{ margin-top: 72px; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 8%); overflow: hidden; background:url(images/in_abbobg.jpg) repeat-y top center #fff; }
.in_ablcon{ width: 50%; float: left; padding: 64px 55px 52px 56px; }
.in_abrcon{ width: 50%; float: right; padding: 64px 46px 52px 48px; }
.in_abtxt p{ font-size: 16px; margin-bottom: 10px; font-family: Roboto-Light; color: #888; line-height: 34px; }
.in_abtxt p:last-child{ margin-bottom: 0; }
.in_abbtn{ margin-top: 36px; }

.i_amo{ display: inline-block; padding: 15px 34px; border-radius: 30px; background: #ecf0f4; font-size: 16px; font-family: Roboto-Light; }
.i_amo i{ margin-left: 42px; font-size: 20px; }
.i_amo:hover{ color: #fff; background: #0f357e; }
.in_abbtn .icon-21download{ display: inline-block; font-size: 25px; background: #bf0001; color: #fff; margin-left: 6px; width: 52px; height: 52px; line-height: 52px; text-align: center; border-radius: 52px; }
.in_abbtn .icon-21download:hover{ background: #0f357e; }
.in_abpic{ width: 100%; overflow: hidden; margin-top: 30px; }
.in_abpic li{ float: left; width: 49%; margin-right: 2%; }
.in_abpic li:last-child{ margin-right: 0; }
.in_abpic li:hover .changpic img{ transform: scale(1.15); }
.in_aimswi{ margin-top: 40px; position: relative; }
.in_anigd .item{ margin: 0 11px; }
.in_aiar{ position: absolute; top:38%; width: 100%; left: 0; }
.in_aiar span{ position: absolute; top: 0; width: 56px; height: 56px; text-align: center; transition: all 0.3s; border-radius: 56px; line-height: 56px; cursor: pointer; display: inline-block; color: #848484; background: #ecf0f4; }
.in_aiar span i{ display: inline-block; font-size: 26px; }
.in_aiar span.ia_next{ right: -100px; }
.in_aiar span.ia_prev{ left: -100px; transform: rotate(180deg); }
.in_aiar span:hover{ color: #fff; background: #0f357e; }

.in_app{ padding: 70px 0 38px 0; background: url(images/in_appbg.jpg) fixed no-repeat; background-size: cover; }
.in_apptit{ position: relative; }
.in_apptit .home_boxtit{ color: #fff; }
.in_apptit a{ position: absolute; top: 0; right: 0; display: inline-block; padding: 15px 34px; border-radius: 30px; background: #ecf0f4; font-size: 16px; font-family: Roboto-Light; }
.in_apptit a i{ margin-left: 50px; font-size: 20px; }
.in_apptit a:hover{ color: #fff; background: #0f357e; }
.in_appswi{ margin-top: 50px; }
.in_appswi .item{ margin: 0 6px; }
.in_appitem{ position: relative; overflow: hidden; }
.in_apptxt{ transition: all 0.3s; opacity: 0; position: absolute; display: flex; align-items: end; padding: 20px; width: 100%; height: 100%; top: 0; left: -100%; background-image: linear-gradient(rgba(2,16,47,0.05),rgba(2,16,47,0.8)); }
.in_apptxt p{ font-size: 22px; color: #fff; line-height: 26px; height: 52px; overflow: hidden; font-family: Roboto-Medium_0; }
.in_appitem:hover .in_apptxt{ left: 0; opacity: 1; }
.in_appitem:hover .changpic img{ transform: scale(1.15) rotate(4deg); }
.in_appswi .slick-dots{ position: static; margin-top: 45px; }
.in_appswi .slick-dots li{ width: auto; height: auto; }
.in_appswi .slick-dots li button{ background: rgba(255, 255, 255, 0.5); width: 14px; height: 14px; border-radius: 14px; }
.in_appswi .slick-dots li.slick-active button{ background: rgba(255, 255, 255, 1); }

.in_vibox{ padding: 74px 0; }
.in_vitit{ position: relative; }
.in_vitit a{ position: absolute; top: 0; right: 0; display: inline-block; padding: 15px 34px; border-radius: 30px; background: #ecf0f4; font-size: 16px; font-family: Roboto-Light; }
.in_vitit a i{ margin-left: 50px; font-size: 20px; }
.in_vitit a:hover{ color: #fff; background: #0f357e; }
.in_vilist{ width: 100%; overflow: hidden; margin-top: 55px; }
.in_vile{ float: left; width: 440px; }
.in_viri{ margin-left: 440px; padding-left: 40px; }
.in_vlul li{ margin-bottom: 30px; }
.in_vlul li:last-child{ margin-bottom: 0; }
.in_vsmitem{ position: relative; }
.in_vshow{ position: absolute; display: flex; align-items: end; background-image: linear-gradient(rgba(2,16,47,0),rgba(2,16,47,0.8)); top: 0; left: 0; width: 100%; height: 100%;}
.in_vbwz{ padding: 22px 60px 22px 22px; width: 100%; position: relative;  }
.in_vbwz p{ color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in_vbwz i{ display: inline-block; position: absolute; right: 16px; bottom: 14px; width: 34px; height: 34px; border-radius: 34px; color: #fff; line-height: 34px; text-align: center; background: #bf0001; }
.in_vsmitem:hover .changpic img{ transform: scale(1.15); }
.in_viri .in_vbwz p{ font-size: 30px; }
.in_viri .in_vbwz{ padding: 40px 108px 40px 40px; }
.in_viri .in_vbwz i{ width: 62px; height: 62px; right: 30px; bottom: 30px; font-size: 30px; line-height: 62px; border-radius: 62px; }

.in_neca{ padding: 70px 0 300px 0; overflow: hidden; background: url(images/i_ncabg.jpg) no-repeat; background-size: cover; }
.in_nle{ float: left; width: 51%; }
.in_cri{ float: right; width: calc(49% - 68px); }
.in_nlist{ margin-top: 52px; }
.in_nlist li{ padding: 35px 0; border-bottom: 1px solid #e7e7e7; }
.in_nlist li:first-child{ padding-top: 0; }
.in_nlist li:last-child{ padding-bottom: 0; border-bottom: none; }
.in_nitem{ width: 100%; overflow: hidden; }
.ilnle{ width: 232px; float: left; }
.ilnri{ margin-left: 232px; padding: 16px 0 0 22px; }
.ilnri h4{ font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ilnri p{ font-size: 16px; height: 84px; font-family: Roboto-Light; overflow: hidden; margin-top: 10px; line-height: 28px; color: #888; }
.in_nitem:hover .changpic img{ transform: scale(1.15); }

.in_calist{ margin-top: 52px; }
.in_calist li{ margin-bottom: 26px; }
.in_calist li:last-child{ margin-bottom: 0; }
.in_caitem{ background: #fff; transition: all 0.3s; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 8%); padding: 38px 34px 38px 35px; }
.in_caitem h3{ font-size: 18px; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in_caitem h3 span{ color: #bf0001; font-size: 22px; font-family: itcbo; }
.in_caitem p{ font-size: 16px; margin-top: 15px; line-height: 30px; font-family: Roboto-Light; height: 60px; overflow: hidden; color: #888; }
.in_caitem:hover{ background: #0f357e; }
.in_caitem:hover h3{ color: #fff; }
.in_caitem:hover p{ color: #f5f5f5; }



.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; margin-top:160px; }
.subbanner img{ width: 100%; display: block; }
.sub_nav{ position: absolute; text-align: center; top: 49%; left: 0; width: 100%;  }
.sub_nav p{ font-size: 16px; line-height: 36px; color: #fff; }
.pat72{ padding-top: 72px; }
/*关于我们*/
.pat54{ padding-top: 54px; }
.ab_war{ padding-bottom: 250px; }
.ab_nav{ width: 100%; display: flex; margin-bottom: 62px; }
.ab_nav li{ display: inline-block; margin-right: 1.5%; background: #e8ebf1; }
.ab_nav li:last-child{ margin-right: 0; }
.ab_nav li a{ display: block; width: 100%; height: 100%; padding: 20px 38px; font-size: 20px; color: #767e8d; font-family: Roboto-Light; }
.ab_nav li a:hover,.ab_nav li.on a{ background: #0f357e; color: #fff; font-family: Roboto-Medium_0; }
.ab_int h1{ text-align: center; font-size: 38px; text-transform: uppercase; font-weight: normal; font-family: Roboto-Medium_0; }
.ab_inptx{ margin-top: 34px; }
.ab_inptx p{ font-size: 16px; margin-bottom: 24px; line-height: 36px; color: #666; font-family: Roboto-Light; }
.ab_war .in_hottag{ margin-top: 45px; }
.ab_cpul{ margin-top: 25px; width: 100%; overflow: hidden;}
.ab_cpul li{ float:left; cursor: pointer; width: 23.8%; margin:0 0.6% 15px 0.6%; background: #000; position: relative; }
.ab_cpul li:hover .changpic img{ transform: scale(1.15); opacity: 0.75; }
.ab_cpul li:first-child{ width: 48.8%; }
.ab_covi{ position: relative; background: #010c22; }
.ab_covi .changpic img{ opacity: 0.7; }
.ab_covi .ivbtn{ top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; }
.ab_gdswi{ margin-top: 10px; position: relative; }
.ab_pigd .item{ margin: 0 9px; }
.in_aiar span.apc_next{ right: -100px; }
.in_aiar span.apc_prev{ left: -100px; transform: rotate(180deg); }

/*his*/
.tim_his{  position: relative; margin-bottom: 12px; }
.tim_his:before{ content: ""; position: absolute; border-radius: 8px; top: 210px; left: 50%; margin-left: -3px; width: 6px; height:calc(100% - 210px); background: #f2d1d1; }
.time_line ul{ width: 100%; overflow: hidden; }
.time_line ul li{ padding-bottom:20px; position: relative; overflow:hidden;}
.tiem_item{ width: 47%; position: relative; float: right; text-align: left; }
.tiem_item h4{ font-size:30px; font-weight: normal; font-family: Roboto-Medium_0; margin-bottom: 4px; }
.tiem_item p{ font-size: 16px; font-family: Roboto-Light; line-height: 28px; color: #666; }
.time_line ul li:nth-of-type(even) .tiem_item{ text-align: right; float: left; }
.tiem_item:after{ content: ""; position: absolute; top: 10px; left: -49px; width: 14px; border-radius: 14px; height: 14px; background: #c01718; }
.time_line ul li:nth-of-type(even) .tiem_item:after{ left: auto; right: -49px; }
.tizd{ margin: 0 auto 50px auto; position: relative; background: #f2d1d1; width: 200px; height: 200px; border-radius: 200px; text-align: center; }
.tizd:before{ content: ""; position: absolute; background: #de8787; border-radius: 200px; top: 12px; left: 50%; margin-left: -88px; width: 176px; height: 176px; }
.tizd h3{ position: absolute; padding-top: 30px; top: 24px; left: 50%; margin-left: -76px; width: 152px; color: #fff; height: 152px; text-align: center; border-radius: 152px; background: #c01718; }
.tizd h3 b{ font-size: 34px; display: block; width: 100%; line-height: 36px; font-weight: normal; font-family: Roboto-Medium_0; }
.tizd h3 b i{ display: block; font-size: 28px; }
.tiepic{ margin: 15px 0; }

/*rain*/
.rain_block{  }
.rain_item{ margin-bottom: 30px; }
.ra_h2{ font-size: 30px; font-family: Roboto-Medium_0; font-weight: normal; }
.ra_ppt{ margin-top: 14px; }
.ra_ppt p{ font-size: 16px; line-height: 36px; color: #666; font-family: Roboto-Light; }
.rain_ul{ margin-top: 15px; padding: 0 10px; border: 1px solid #cbcbcb; overflow: hidden; }
.rain_ul li{ float: left; width: 20%; text-align: center; padding: 44px 0; }
.r_b{ color: #888; font-size: 20px; font-family: Roboto-Light; }
.r_b b{ font-size: 52px; font-weight: normal; color: #bf0001; font-family: Roboto-Medium_0; }
.rain_ul li p{ font-family: Roboto-Light; }
.ra_pic{ margin-top: 30px; }

/*sores*/
.ab_sornav{ display: flex; }
.ab_sornav li{ width: 32%; cursor: pointer; position: relative; display: inline-block; margin-right: 2%; }
.ab_sornav li:last-child{ margin-right: 0; }
.ab_sornav li .changpic{ background: #031539; }
.ab_sornav li .changpic img{ opacity: 0.55; }
.as_naicon{ position: absolute; color: #fff; text-align: center; padding-top: 40px; width: 100%; height: 100%; top: 0; left: 0; }
.as_naicon i{ font-size: 58px; }
.as_naicon p{ font-size: 34px; margin-top: 10px; font-family: Roboto-Bold; }
.ab_sornav li.on:after{ content: "";  position: absolute; bottom: 0; margin-left: -15px; left: 50%; width: 0;
    height: 0; border-style: solid; border-width: 0 15px 18px 15px; border-color: transparent transparent #fff transparent; }
.so_rblo{ margin-top: 54px; }
.sitsbox{ margin-bottom: 50px; }
.s_rbitm{ display: none; }
.s_rbitm.on{ display: block; }
.s_rbitm .sitsbox:last-child{ margin-bottom: 0; }
.si_aff{ width: 100%; overflow: hidden; }
.si_le{ float: left; width: 51%; }
.si_ri{ float: right; width: 49%; padding-left: 38px; }
/*cer*/
.ab_cetop{ width: 100%; overflow: hidden; }
.ab_cetop li{ width: 31.6%; margin-bottom: 12px; margin-right: 2.5%; text-align: center; float: left; }
.ab_cetop li:nth-of-type(3n){ margin-right: 0; }
.ab_cetop li p{ margin-top: 28px; padding: 0 20px; font-size: 16px; line-height: 20px; font-family: Roboto-Light; }
.ab_cebot{ width: 100%; overflow: hidden; margin-top: 35px; }
.ab_cebot li{ float: left; width: 23.5%; text-align: center; margin-right: 2%; }
.ab_cebot li:nth-of-type(4n){ margin-right: 0; }
.ab_cebot li p{ margin-top: 28px; padding: 0 20px; font-size: 16px; line-height: 20px; font-family: Roboto-Light; }
/*oem*/
.oem_h2{ font-size: 34px; text-align: center; font-weight: normal; font-family: Roboto-Medium_0; }
.oem_se{ margin-top: 25px; display: flex; }
.oem_se li{ display: inline-block; width: 32%; margin-right: 2%; }
.oem_se li:nth-of-type(3n){ margin-right: 0; }
.oem_item{ background: #fff; transition: all 0.3s; padding: 20px 20px 50px 20px; }
.oem_txt{ margin-top: 30px; padding: 0 18px; }
.oem_txt h3{ font-size: 22px; font-weight: normal; }
.oem_txt p{ font-size: 16px; margin-top: 14px; line-height: 32px; color: #888; font-family: Roboto-Light; }
.oem_item:hover{ box-shadow: 0 1px 50px 0 rgb(0 0 0 / 8%); }

/*solution*/
.so_pop{ margin-bottom: 90px; }
.solu_h2{ font-size: 30px; margin-bottom: 40px; font-family: Roboto-Medium_0; font-weight: normal; text-transform: uppercase; }
.so_pul{ width: 100%; overflow: hidden; }
.so_pul li{ float: left; width: 32%; margin-right: 2%; }
.so_pul li:nth-of-type(3n){ margin-right: 0; }
.so_itemp{ text-align: center; }
.so_itemp p{ font-family: Roboto-Light; margin-top: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.so_itemp:hover .changpic img{ transform: scale(1.15); }
.so_all{ margin-top: 85px; }
.so_navs{ display: flex; flex-wrap: wrap; }
.so_navs li{ width: 25%; transition: all 0.3s; padding: 35px 20px 30px 20px; cursor: pointer; text-align: center; background: #fafcff; border: 1px solid #e1e7f1; }
.so_navs li i{ font-size: 60px; color: #0f357e; }
.so_navs li h3{ font-size: 20px; margin-top: 18px; font-weight: normal; }
.so_navs li p{ font-size: 16px; margin-top: 8px; font-family: Roboto-Light; line-height: 26px; color: #666; }
.so_navs li:hover,.so_navs li.on{ background: #0f357e; }
.so_navs li:hover i,.so_navs li:hover h3,.so_navs li.on i,.so_navs li.on h3{ color: #fff; }
.so_navs li:hover p,.so_navs li.on p{ color: #ccd3e1; }
.solist_ul{ width: 100%; overflow: hidden; margin-top: 45px; }
.solist_ul li{ float: left; width: 24.25%; margin-bottom: 24px; margin-right: 1%; }
.solist_ul li:nth-of-type(4n){ margin-right: 0; }
.so_liitme{ text-align: center; }
.so_litxt{ margin-top: 20px; }
.so_litxt h3{ font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.so_litxt p{ font-size: 16px; margin-top: 5px; line-height: 24px; font-family: Roboto-Light; overflow: hidden; color: #888; }
.so_liitme:hover .changpic img{ transform: scale(1.15); }
.so_banr{ margin-top: 48px; position: relative; }
.so_btxt{ position: absolute; color: #fff; width: 100%; height: 100%; top: 0; left: 0; padding: 46px 44px 0 44px; }
.so_btxt h4{ font-size: 24px; font-weight: normal; font-family: Roboto-Medium_0; }
.so_btxt p{ font-family: Roboto-Light; margin-top: 18px; }
/*产品列表*/
.pro_nan{ background: #f1f4f9; padding: 70px 0; }
.pr_naswi{ position: relative; }
.pr_nagd .item{ margin: 0 12px; }
.pni_item{ box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%);  }
.pni_item a{ display: block; width: 100%; position: relative; z-index: 0; background: #fff; text-align: center; padding:32px 20px 20px 20px; }
.pni_item i{ color: #9f9f9f; font-size: 84px; }
.pni_item p{ margin-top: 20px; display: flex; align-items: center; justify-content: center; line-height: 26px; height: 52px; color: #666; font-family: Roboto-Light; }
.pni_item a:before{ position: absolute; width: 100%; z-index: -1; transition: all 0.3s; left: 0; content: ""; height: 0; background: #bf0001; bottom: 0; }
.pni_item a:hover:before{ height: 100%; }
.pr_nagd .on a:before{height: 100%;}
.pni_item a:hover i,.pni_item a:hover p,.pr_nagd .on a i,.pr_nagd .on a p{ color: #fff; }
.pni_item a:hover p{ font-family: Roboto-Medium_0; }
.pr_naswi .in_aiar span{ background: #e4e7ec; }
.in_aiar span.pn_next{ right: -100px; }
.in_aiar span.pn_prev{ left: -100px; transform: rotate(180deg); }
.pr_naswi .in_aiar span:hover{ color: #fff; background: #0f357e; }
.pr_nagd .slick-track{ padding: 5px 0; }
.pro_warbox{ padding: 65px 0 240px 0; }
.pr_tidiv{ text-align: center; }
.pr_tidiv h1{ font-size: 38px; margin-bottom: 20px; font-weight: normal; font-family: Roboto-Medium_0; }
.pr_tidiv p{ font-size: 16px; line-height: 35px; color: #666; font-family: Roboto-Light; }
.pr_ullic{ margin-top: 20px; text-align: center; }
.pr_ullic li{ display: inline-block; margin: 0 27px; }
.pr_ullic li a{ display: inline-block; background: #e8ebf1; padding: 18px 50px; font-size: 20px; font-family: Roboto-Light; color: #767e8d; }
.pr_ullic li:hover a,.pr_ullic li.on a{ background: #0f357e; font-family: Roboto-Medium_0; color: #fff; }

.pro_list{ display: flex; flex-wrap: wrap; margin-top: 66px; }
.pro_list li{ display: inline-block; width: 31.3%; margin-bottom: 32px; margin-right: 3%; }
.pro_list li:nth-of-type(3n){ margin-right: 0; }
.pro_list li .ino_item{ box-shadow: 0 1px 50px 0 rgb(0 0 0 / 8%);}
.pro_warbox .in_hottag{ margin-top: 62px; }

/*分页 结束*/
.digg4{ margin-top: 60px; font-family: Roboto-Light; font-size: 24px; text-align: center; }
.digg4 a,.digg4 span.disabled,.digg4 span.current{width:32px; text-align: center; cursor: pointer; border-radius: 32px; display: inline-block; vertical-align: middle; height:32px; line-height: 34px; color:#bfbfbf; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color: #0f357e;  }
.digg4 span.disabled { font-size: 23px;  font-weight: normal; color: #0f357e; line-height: 30px;  }
.digg4 a{ color: #333; }
.digg4 span.disabled:hover{  color: #0f357e; }
/*产品详情*/
.del_wardiv{ margin-top: 160px; position: relative; z-index: 0; padding-bottom: 650px; }
.del_wardiv:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 475px; background: url(images/pro_ban.png) no-repeat; background-size: cover; }
.del_tibox{ padding-top: 80px; }
.del_tibox h1{ margin-bottom: 16px; color: #fff; font-size: 36px; font-family: Roboto-Bold; }
.del_tibox p{ font-size: 16px; line-height: 35px; color: #d3d3d3; font-family: Roboto-Light; }
.del_tod{ width: 100%; padding: 34px 34px 34px 16px; overflow: hidden; background: #fff; margin-top: 40px; margin-bottom: 50px; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%); }
.tod_lcon{ float: left; width: 790px; }
.tod_rcon{ margin-left: 790px; padding-left: 28px; padding-top: 20px; }
.del_swipwer{ width: 100%; overflow: hidden; }
.dl_lcond{ width: 618px; float: left; }
.dl_rcond{ margin-left:618px; padding-left: 10px; }
.qh_gd .item{ margin-bottom: 6px; position: relative; }
.del_slider{ border: 1px solid #f0f0f0; }
.qh_gd .changpic{ border:1px solid #f0f0f0; }
.qh_gd .item.slick-current .changpic:before{ position: absolute; top: 0; left: 0; border: 1px solid #bf0001; content: ''; width: calc(100% - 2px); height: calc(100% - 2px);  }
.qh_gd .item:focus{ outline: none; }
.qh_picgd{ position: relative; z-index: 0; padding: 20px 0; }
.qh_arr{ position: absolute; top: 0; z-index: -1; width: 100%; height: 100%; left: 0; }
.qh_arr span{ position: absolute; cursor: pointer; width: 100%; display: block; text-align: center; }
.qh_arr span.qhi_prev{ left:0; }
.qh_arr span.qhi_next{ bottom: 0; }
.qh_arr span i{ font-size: 23px; display: inline-block; }
.qh_arr span.qhi_prev i{ transform: rotate(270deg); }
.qh_arr span.qhi_next i{ transform: rotate(-270deg); }

.to_tab{ border: none; }
.to_tab td{ color: #888; padding: 10px; font-family: Roboto-Light; font-size: 16px; }
.d_down{ margin-top: 8px; }
.d_down a{ display: inline-block; font-size: 14px; color: #888; font-family: Roboto-Light; border: 1px dashed #d2d2d2; border-radius: 50px; padding: 5px 18px; }
.d_down a i{ color: #0f357e; font-size: 26px; margin-left: 15px; }
.d_down a *{ vertical-align: middle; }
.d_down a:hover{ background: #0f357e; border: 1px solid #0f357e; color: #fff; }
.d_down a:hover i{ color: #fff; }
.tod_btn{ margin-top: 28px; overflow: hidden; padding-right: 60px; }
.tod_btn a{ padding: 12px 24px; color: #fff; font-size: 16px; font-family: Roboto-Light; background: #0f357e; border-radius: 40px; display: inline-block; width: 47.5%; margin-right: 4%; }
.tod_btn a:last-child{ margin-right: 0; background: #bf0001; }
.tod_btn a i{ margin-right: 10px; font-size: 24px; }
.tod_btn a em{ float: right; transition: all 0.3s; font-size: 24px; display: inline-block; }
.tod_btn a *{ vertical-align: middle; }
.tod_btn a span{ display: inline-block; }
.tod_btn a:hover{ color: #fff; background: #333; }
.tod_btn a:hover em{ margin-right: 10px; }

.de_fea{ width: 100%; overflow: hidden; }
.d_felc{ width: 56%; float: left; }
.d_ferc{ width: 44%; float: right; padding-left: 65px; }
.del_h2{ font-size:36px; font-family: Roboto-Bold; margin-bottom: 20px; }
.d_feap p{ font-size: 16px; margin-bottom: 10px; line-height: 26px; color: #888; font-family: Roboto-Light; }
.de_app{ margin-top: 50px; background: #f6f7fa; padding: 44px 48px; }
.ap_pp{ line-height: 35px; font-size: 16px; color: #888; font-family: Roboto-Light; }
.de_fopic{ margin-top: 15px; display: flex; }
.de_fopic li{ display: inline-block; margin-right: 1.5%; width: 24%; text-align: center; }
.de_fopic li p{ font-family: Roboto-Light; margin-top: 16px; }
.de_fopic li:last-child{ margin-right: 0; }
.de_fopic li:hover .changpic img{ transform: scale(1.15); }

.de_spec{ margin-top: 45px; }
.de_spec .del_h2{ text-align: center; }
.pro_table{ overflow-x: auto; }
.pro_table table{ border-top: 1px solid #dcdcdc; background: #fff; border-left: 1px solid #dcdcdc; width: 100%; }
.pro_table table tr td{ padding: 14px 20px; font-size: 16px; text-align: center; color: #666; border-bottom: 1px solid #dcdcdc; font-family: Roboto-Light; border-right: 1px solid #dcdcdc; }
.pro_table table tr:nth-of-type(even) td{ background: #f3f5f9; }
.pro_table table tr:hover td{ background: #0f357e; color: #fff; }
.de_spec .in_hottag{ margin-top: 55px; }

.de_mes{ margin-top: 50px; background: #f6f7fa; padding: 42px; }
.infoform{ margin-top: 18px; }
.infoform li{width: 49%; margin-bottom: 18px; position: relative; float: left; overflow: hidden;}
.infoform li:nth-of-type(even){ float: right; }
.infoform input,.infoform textarea{width: 100%; border:1px solid #e7e7e7; resize: none; font-family:Roboto-Light; background:#fff; font-size: 16px; line-height: 26px; padding: 16px 18px; }
.infoform textarea{ height:145px; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #888;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #888;}
.infoform li:last-child, .infoform li:nth-of-type(5), .infoform li:nth-of-type(6) { width: 100%; float: none;}
.infoform li:last-child{ width: 100% !important; float: none; margin-top: 30px; margin-bottom: 0; }
.infoform form button{ padding: 11px 44px; cursor: pointer; background: #2038a2; color: #fff; border-radius: 35px; font-family:Roboto-Light; border: none; font-size: 16px;  }
.infoform form button:hover{ background: #bf0001; color: #fff;  }

.de_rel{ padding-top: 66px; }
.de_rel .del_h2{ text-align: center; }
.de_rel .i_parrow span{ background: #f3f3f3; }
.de_rel .i_parrow span:hover{ background: #0f357e; }

.bigbg,.bigbgt{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.allhide{ display: none; }
.getbox{ width: 800px; height: auto; position: absolute; top: 30%; left: 50%; margin-left: -400px; }
.getinquire{ width: 532px; height: auto; background-color: #fff; left: 50%; margin-left: -266px; margin-top: 10%;
    position: absolute; z-index: 100; border: 1px solid #ebeaea; }
.top_nav{ width: 532px; height: 46px; border-bottom: 1px solid #ebeaea; position: relative; padding: 0 20px;}
.top_nav h2{ font-size: 18px; line-height: 46px; }
.close{ width: 20px; height: 20px; position: absolute; right: 20px; top: 8px; cursor: pointer; }
.close img{ width: 100%; }
.getinquire .proinfo_form{ padding: 20px; }
.getinquire .proinfo_form p{ line-height: 22px; font-size: 15px; }
.proinfo_form form{ margin-top: 18px; }
.proinfo_form input,.proinfo_form textarea{ line-height: 26px; background: #eee; border: 1px solid #e5e5e5; resize: none; padding: 8px 14px; font-family: Roboto-Regular; font-size: 15px;}
.proinfo_form ul{ overflow: hidden; }
.proinfo_form ul li{ width: 49.5%; float: left; margin-bottom:5px;}
.proinfo_form ul li:last-child{ width: 100%; }
.proinfo_form ul li input{ width: 100%; }
.proinfo_form form input::-webkit-input-placeholder,.proinfo_form form textarea::-webkit-input-placeholder { color: #666;}
.proinfo_form form input:-moz-placeholder,.proinfo_form form textarea:-moz-placeholder {color: #333;}
.proinfo_form ul li:nth-child(even){margin-left: 1%;}
.proinfo_form ul li textarea{ height: 155px; width: 100%; float: none; }
.proinfo_form button{ border: none; cursor: pointer; margin-top: 5px; background: #0f357e; color: #fff; padding: 12px 30px; font-weight: 600; font-size: 15px; clear: both; transition: all .3s; font-family: Arial; border-radius: 3px;}
.proinfo_form button:hover{ opacity: 0.8; }

/*custom*/
.cust_manu{ padding-bottom: 75px; }
.cus_h2{ font-size: 40px; font-family: POPPINS-SEMIBOLD; text-align: center; }
.manu_txtp{ margin-top: 25px; text-align: center; }
.manu_txtp p{ line-height: 40px; font-family: Poppins-Light; color: #666; }
.manu_ul{ width: 100%; overflow: hidden; margin-top: 26px; }
.manu_ul li{ float: left; width: 23.5%; margin-right: 2%; }
.manu_ul li .changpic{ border-radius: 12px; }
.manu_ul li:last-child{ margin-right: 0; }
.manu_ul li:hover .changpic img{ transform: scale(1.15); }

.cu_cer{ padding: 64px 0 55px 0; position: relative; z-index: 0; }
.cu_cer:before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 60%; background: url(images/cer_pic.jpg) no-repeat; background-size: cover; }
.cer_pic{ width: 100%; overflow: hidden; margin-top: 58px; }
.cer_pic li{ float: left; width: 23.5%; margin-right: 2%; }
.cer_pic li .changpic{ border-radius: 12px; }
.cer_pic li:last-child{ margin-right: 0; }

.cu_req{ padding-bottom: 85px; }
.cu_req .cus_h2{ text-align: left; }

.cust_info{ overflow: hidden; position: relative; margin-top: 25px; }
.cust_info ul{ width: 100%; overflow: hidden; }
.cust_info li{ margin-bottom: 15px; width: 49%; margin-right: 2%; float: left; position: relative;  }
.cust_info li:nth-of-type(even){ margin-right: 0; }
.cust_info li font{ position: absolute; color: red; top: 15px; left: 8px; }
.cust_info li:nth-of-type(3),.cust_info li:nth-of-type(4),.cust_info li:nth-of-type(5){ width: 100%; margin-right: 0; }
.cust_info input,.cust_info textarea{width: 100%; border: 1px solid #cfcfcf; color: #222; resize: none; font-family:Poppins-Light; background:transparent; border-radius: 0;  font-size:16px; line-height: 24px; padding:15px 20px; }
.cust_info textarea{height: 154px;}
.cust_info input::-webkit-input-placeholder,.cust_info textarea::-webkit-input-placeholder { color: #999;}
.cust_info input:-moz-placeholder,.cust_info textarea:-moz-placeholder {color: #999;}
.cust_info button{ border: none; transition: all 0.3s; width: 178px; display: block; border-radius: 35px; font-family:Poppins-Light; font-size: 16px; cursor: pointer; background: #0f357e; color: #fff; height: 48px; }
.cust_info button:hover{ background: #333; }
.f_messfile{ position: relative; padding-top: 28px; text-align: center; background: #fbfbfb; width: 100%; height: 200px; border: 1px dashed #cfcfcf; }
.f_messfile input[type="file"] { width: 100%; cursor: pointer; opacity: 0; height: 100%; position: absolute; top: 0; left: 0;}
.f_messfile i{ display: inline-block; background: #f8e4e3; color: #da251c; width: 68px; text-align: center; height: 68px; font-size: 32px; line-height: 68px; border-radius: 68px; }
.file_txt{ font-size: 16px; margin-top: 16px; color: #666; font-family: Poppins-Light; }
.f_messfile span{ display: inline-block; color: #b5b5b5; font-family: Poppins-Light; font-size: 16px; }
/*news*/
.ne_navul{ overflow: hidden; }
.ne_navul li{ display: inline-block; margin-right: 20px; }
.ne_navul li a{ background: #e8ebf1; display: inline-block; color: #767e8d; font-size: 22px; font-family: Roboto-Light; padding: 20px 54px;  }
.ne_navul li a:hover,.ne_navul li.on a{ background: #0f357e; color: #fff; font-family: Roboto-Medium_0; }
.news_list{ display: flex; flex-wrap: wrap; margin-top: 58px; }
.news_list li{ width: 31.3%; margin-right: 3%; margin-bottom: 54px; display: inline-block; }
.news_list li:nth-of-type(3n){ margin-right: 0; }
.nes_txt{ margin-top: 35px; padding: 0 10px; }
.nes_txt h4{ font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nes_txt p{ font-size: 16px; margin-top: 10px; line-height: 28px; height: 84px; font-family: Roboto-Light; overflow: hidden; color: #888; }
.news_item .changpic{ box-shadow: 0 1px 10px 0 rgb(0 0 0 / 8%); }
.news_item:hover .changpic img{ transform: scale(1.15); }
/*case*/
.ca_sewar{ width: 100%; overflow: hidden; }
.ca_sle{ width: 338px; float: left; }
.ca_sri{ margin-left: 338px; padding-left: 26px; padding-top: 5px; padding-right: 10px; }
.pro_nav{overflow: hidden; }
.pro_nav h3{ background:url(images/p_nabg.jpg) no-repeat; text-align: center; background-size: cover; position: relative; padding:40px 18px; text-transform: uppercase; font-family: Roboto-Bold; color: #fff; font-size: 30px; }
.pro_nav h3 a{ display: none; }
.accordion {width: 100%; }
.accordion li{margin-bottom: 5px;}
.accordion .links:before{ content: ""; position: absolute; top: 16px; right: 15px; width: 25px; height: 25px; line-height: 25px; text-align: center; background: url(images/yjt.png) no-repeat; }
.accordion .links.active:before{ background: url(images/yjt2.png) no-repeat; }
.accordion .links { cursor: pointer; background: #f3f3f4; display: block; position: relative; padding: 18px 50px 18px 28px; }
.accordion .links a{ color: #333; display: inline-block; position: relative; }
.submenu {display: none; padding:0 10px 18px 10px; overflow: hidden; background: #f3f3f4; }
.submenu.on{ display: block; }
.accordion li ul.active{display: block}
.submenu li{ display:block; position: relative; line-height: normal; padding:0 0 0 38px; margin-bottom: 0; border-bottom: none; }
.submenu li:after{ content: ">"; font-family: Roboto-Light; position: absolute; top: 4px; left: 18px; color: #666; }
.submenu a { color: #666; font-family: Roboto-Light; display: inline-block; padding: 7px 0; line-height: normal; width: 100%; font-size: 16px; }
.submenu li div{ display: none; }
.submenu li div a{ display: block; width: 100%; padding: 5px 0; color: #333; }
.submenu li:hover a{ color: #0f357e; }

.ca_list li{ margin-bottom: 20px; }
.ca_item{ width: 100%; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 8%); overflow: hidden; background: #fff; }
.ca_le{ float: left; width: 440px; }
.ca_ri{ margin-left: 440px; padding: 35px 35px 0 16px; }
.ca_item:hover .changpic img{ transform: scale(1.15); }
.ca_ri h3{ font-size: 22px; font-family: Roboto-Bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ca_ri p{ margin-top: 15px; font-size: 16px; font-family: Roboto-Light; color: #888; line-height: 30px; height: 90px; overflow: hidden; }
.ca_ri .ino_link{ padding-right: 29%; }
.ca_ri .ino_link a{ font-size: 16px; padding: 12px 15px 11px 32px; }
.ca_ri .ino_link a i{ margin-top: -2px; }

.c_pred{ margin-top: 50px;padding-left: 6px; }
.c_pred h2{ font-size: 32px; font-family: Roboto-Medium_0; font-weight: normal; }
.c_pluli{ margin-top: 18px; }
.c_pluli li{ margin-bottom: 24px; }
.c_pluli li:last-child{ margin-bottom: 0; }
.c_repitem{ box-shadow: 0 1px 10px 0 rgb(0 0 0 / 8%); }
.c_rtxt{ padding: 10px 26px 35px 26px; }
.c_rtxt h3{ font-size: 18px; font-family: Roboto-Bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c_rtxt p{ margin-top: 12px; font-family: Roboto-Light; font-size: 14px; line-height: 20px; height: 60px; overflow: hidden; color: #666; }
.c_rtxt .ino_link a{ font-size: 12px; padding: 11px 15px 11px 22px; }
.c_rtxt .ino_link a i{ font-size: 16px; }
.c_repitem:hover .changpic img{ transform: scale(1.15); }

.ca_toptx{ background: #f6f7fa; padding: 34px 38px 24px 38px; }
.ca_toptx h1{ font-size: 36px; font-family: Roboto-Bold; }
.ca_desc{ margin-top: 18px; }
.ca_desc p{ font-size: 16px; line-height: 35px; font-family: Roboto-Light; }
/*case详情*/
.ca_main{ width: 100%; overflow: hidden; padding: 6px; margin-top: 30px; }
.ca_mlc{ float: left; width: 520px; }
.ca_mrc{ margin-left: 520px; padding: 24px 0 0 24px; }
.ca_mrc .tod_btn{ padding-right: 20px; }
.cadm_picgd{ margin-top: 10px; position: relative; }
.cadm_gd .item{ margin: 0 9px; }
.cadm_gd .item .changpic,.cadm_slider{ box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%); border: 1px solid #f0f0f0; }
.cadm_arr{ position: absolute; top: 35%; left: 0; width: 100%; }
.cadm_arr span{ cursor: pointer; position: absolute; top: 0; }
.cadm_arr span i{ font-size: 22px; }
.cadm_arr span.cadmi_prev{ left: -9px; transform: rotate(180deg); }
.cadm_arr span.cadmi_next{ right: -9px; }

.ca_debloc{ margin-top: 55px; }
.ca_deitem{ margin-bottom: 34px; }
/*video*/
.vitop{ background: #f1f4f9; padding: 64px 0 74px 0; }
.vi_topitem{ width: 100%; overflow: hidden; }
.vi_tle{ width: 492px; float: left; position: relative; }
.vi_tle i{ position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -36px; display: inline-block; width: 72px; height: 72px; line-height: 72px; text-align: center; font-size: 32px; border-radius: 72px; background: #bf0001; color: #fff; }
.vi_tri{ margin-left: 492px; padding: 38px 0 0 45px; }
.vi_tri h3{ font-size: 26px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vi_tri p{ font-size: 16px; margin-top: 24px; line-height: 36px; height: 144px; overflow: hidden; color: #666; font-family: Roboto-Light; }
.vi_tri span{ display: inline-block; transition: all 0.3s; margin-top: 36px; padding: 15px 34px; border-radius: 30px; background: #e3e6eb; font-size: 16px; font-family: Roboto-Light; }
.vi_tri span i{ margin-left: 42px; font-size: 20px; }
.vi_topitem:hover .changpic img{ transform: scale(1.15); }
.vi_topitem:hover .vi_tri span{ margin-left: 10px; color: #fff; background: #0f357e; }

.la_vibox{ padding: 55px 0 35px 0; }
.la_h2{ font-size: 34px; font-family: Roboto-Medium_0; font-weight: normal; }
.la_vibox .la_h2{ text-align: center; }
.la_viswi{ margin-top: 45px; position: relative; }
.la_vgd .item{ margin: 0 12px; }
.la_vdiv{ position: relative; }
.la_vdiv i{ position: absolute; transition: all 0.3s; right: 15px; bottom: 8px; display: inline-block; width: 34px; height: 34px; line-height: 34px; border-radius: 34px; text-align: center; background: #bf0001; color: #fff; }
.la_vitem p{ margin-top: 25px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto-Light; }
.la_vitem:hover .changpic img{ transform: scale(1.15); }
.la_vitem:hover .la_vdiv i{ right: 50%; bottom: 50%; margin-right: -17px; margin-bottom: -17px; }
.in_aiar span.lav_next{ right: -100px; }
.in_aiar span.lav_prev{ left: -100px; transform: rotate(180deg); }

.vi_cla{ padding: 40px 0 10px 0; }
.vi_cladiv{ width: 100%; overflow: hidden; margin-top: 30px; }
.vi_clle{ float: left; width: 322px; }
.vi_clri{ margin-left: 322px; padding-left: 34px; }
.vi_nav{ text-align: center; }
.vi_nav li{ margin-bottom: 7px; }
.vi_nav li a{ display: block; width: 100%; font-size: 16px; color: #333; font-family: Roboto-Light; padding: 12px 5px; border: 1px solid #d6dae3; }
.vi_nav li a:hover,.vi_nav li.on a{ background: #0f357e; font-size: 18px; border: 1px solid #0f357e; color: #fff; font-family: Roboto-Medium_0; }

.vi_clilist{ width: 100%; overflow: hidden; }
.vi_clilist li{ width: 32%; margin-right: 2%; margin-bottom: 36px; float: left; }
.vi_clilist li:nth-of-type(3n){ margin-right: 0; }
/*应用*/
.app_nav{ display: flex; }
.app_nav li{ display: inline-block; transition: all 0.3s; margin-right: 0.6%; border-radius: 8px; background: url(images/apnavbg.jpg) center no-repeat; background-size: cover; }
.app_nav li:last-child{ margin-right: 0; }
.app_nav li a{ display: inline-block; width: 100%; height: 100%; text-align: center; padding: 20px 20px 8px 20px; }
.app_nav li a i{ font-size: 36px; color: #626262; }
.app_nav li a p{ line-height: 26px; margin-top: 2px; font-size: 17px; }
.app_nav li:hover,.app_nav li.on{ background: url(images/apnavbgh.jpg) center no-repeat; background-size: cover; }
.app_nav li:hover a,.app_nav li.on a,.app_nav li:hover a i,.app_nav li.on a i{ color: #fff; }

.app_nrbox{ margin-top: 48px; overflow: hidden; }
.ap_nle{ width: 642px; float: left; }
.ap_nri{ margin-left: 642px; padding-left: 38px; }
.ap_imgdiv{ position: relative; }
.ap_nrtxt{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 50px 50px 50px; }
.ap_nrtxt h2{ font-size: 46px; margin-bottom: 10px; font-family: Roboto-Bold; }
.ap_nrtxt p{ font-size: 16px; color: #41464b; line-height: 27px; font-family: Roboto-Light; }
.app_lemo{ width: 100%; display: flex; flex-wrap: wrap; }
.app_lemo li{ display: inline-block; border: 1px solid #dcdcdc; border-radius: 10px; overflow: hidden; width: 48%; margin-bottom: 26px; margin-right: 4%; }
.app_lemo li:nth-of-type(even){ margin-right: 0; }
.app_lemo li:hover{ border: 1px solid #0f357e; }
.ap_mslink{ padding: 28px 20px; }
.ap_msdesc{ height: 183px; overflow: hidden; columns: 2;}
.ap_mslink p{ font-size: 15px; margin-bottom: 15px; font-family: Roboto-Light; }
.ap_mslink p:last-child{ margin-bottom: 0; }
.ap_mslink p a{ margin-top: 0; padding: 0; border-radius: 0; background: transparent; font-size: 15px; }
.ap_mslink p a:hover{ background: transparent; color:#0f357e; text-decoration: underline; }
.ap_mslink a{ display: inline-block; margin-top: 30px; padding: 12px 34px; border-radius: 30px; background: #ecf0f4; font-size: 16px; font-family: Roboto-Light; }
.ap_mslink a i{ margin-left: 30px; margin-top: 5px; font-size: 20px; }
.ap_mslink a:hover{ color: #fff; background: #0f357e; }
.app_txtdiv{ margin-top: 24px; }
.app_txtdiv p{ color: #888; line-height: 30px; font-size: 16px; font-family: Roboto-Light;}
.yspri{ padding-bottom: 40px; }
/*新闻详情*/
.infocon h1{font-size:28px; font-family: Roboto-Medium_0; font-weight: normal; text-align: center;  }
.infocon img{ display: inline-block; margin: 10px 0; max-width: 100%; }
.infocon .time{ text-align: center; margin:12px 0; font-size: 16px; color: #707879; }
.infocon .time i{ font-size: 20px; }
.infocon .other{ padding-top:15px; margin-top:10px; font-size: 16px; line-height: 24px;}
.infocon .other div{padding:5px 0;}
.infocon .other div b{ font-weight: normal; color: #333; }
.infocon .other{ color: #888;  font-size: 17px; font-family: Roboto-Light; }
.infocon .other a{color: #888}
.infocon .other a:hover{ color: #0f357e ; }
.infocon p{line-height:28px; font-size: 17px; font-family: Roboto-Light; margin-bottom: 8px; }

/*contact*/
.con_titd{ text-align: center; }
.con_titd h2{ font-size: 46px; text-transform: uppercase; font-family: Roboto-Medium_0; font-weight: normal; }
.con_titd p{ color: #666; margin-top: 15px; font-family: Roboto-Light; font-size: 16px; }
.con_map{ margin-top: 50px; position: relative; }
.yuan {
    position: relative;
    cursor: pointer;
}
.dot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bf0001;
    z-index: 2;
}
.yuan span{ display: block; font-family: Roboto-Light; position: absolute; top: -25px; left: 50%; text-align: center; margin-left: -60px; width: 120px; }


.box{ position: absolute; left: 18%; top: 19%; }
.box1{ position: absolute; left: 19%; top: 32%; }
.box2{ position: absolute; left: 27%; top: 68%; }
.box3{ position: absolute; left: 46.8%; top: 21%; }
.box4{ position: absolute; left: 46%; top: 31%; }
.box5{ position: absolute; left: 54%; top: 81%; }
.box6{ position: absolute; left: 52%; top: 23%; }
.box7{ position: absolute; left: 53.5%; top: 32%; }
.box8{ position: absolute; left: 55%; top: 27%; }
.box9{ position: absolute; left: 57%; top: 32%; }
.box10{ position: absolute; left: 56%; top: 36%; }
.box11{ position: absolute; left: 55%; top: 41%; }
.box12{ position: absolute; left: 58%; top: 59%; }
.box13{ position: absolute; left: 65%; top: 29%; }
.box14{ position: absolute; left: 62%; top: 37%; }
.box15{ position: absolute; left: 66%; top: 39%; }
.box16{ position: absolute; left: 62.5%; top: 42%; }
.box17{ position: absolute; left: 68.5%; top: 46%; }
.box18{ position: absolute; left: 75.5%; top: 49%; }
.box19{ position: absolute; left: 75.5%; top: 14%; }
.box20{ position: absolute; left: 75.5%; top: 57%; }
.box21{ position: absolute; left: 78.8%; top: 60%; }
.box22{ position: absolute; left: 85.8%; top: 33%; }
.box23{ position: absolute; left: 84.8%; top: 78%; }
.box24{ position: absolute; left: 94.8%; top: 90%; }


.yd_pro{ position: absolute; top: 0; z-index: 55; display: none; left: 30px; width: 200px; background: #0f357e; padding: 8px 16px; border-radius: 5px; }
.yd_pro ul li{ color: #fff; font-size: 14px; line-height: 24px; }
.yd_pro ul li a{ color: #fff; }
.yd_pro ul li a:hover{ text-decoration: underline; }

.con_lxdiv{ margin-top: 50px; position: relative; z-index: 0; overflow: hidden; }
.con_lxdiv:before{ content: ""; width: 569px; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url(images/conlxlf.jpg) no-repeat; background-size: cover; }
.con_lelx{ float: left; width: 569px; padding: 52px 84px 48px 50px; }
.con_rilx{ margin-left: 569px; }
.con_lelx h3{ color: #fff; font-size: 34px; font-family: Roboto-Bold; }
.con_us{ margin-top: 45px; }
.con_us li{ margin-bottom: 30px; color: #fff; padding-left: 78px; position: relative; min-height: 56px; }
.con_us li p{ margin-bottom: 10px; font-size: 16px; font-family: Roboto-Light; color: #a9b6cf; }
.con_us li h6{ position: absolute; transition: all 0.3s; width: 56px; font-weight: normal; height: 56px; background: #2f5192; line-height: 56px; border-radius:70px; top: 0; left: 0; text-align: center; overflow: hidden; font-size: 24px; color: #fff; }
.con_us li a{ font-size:20px; color: #fff; margin-top: 5px; }
.con_us li span{ font-size:20px; line-height: 26px; display: block; color: #fff; font-family: Roboto-Light; margin-top: 5px; }
.con_us li a:hover{ text-decoration: underline; color: #cc161e; }
.con_us li:last-child{ margin-bottom: 0; }
.con_us li:hover h6{ transform: rotate(30deg); }

.con_fou{ margin: 48px 0; }
.con_foul{ width: 100%; padding: 26px 0; display: flex; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%); }
.con_foul li{display: flex;border-right: 2px solid #eceef2;width: 25%;padding: 15px 0;justify-content: center;align-items: center;text-align: center;}
.con_foul li:last-child{ border-right: none; }
.con_foul li img{ transition: all 0.3s; }
.con_foul li:hover img{ transform: translateY(5px); }

.join_div{ margin-top: 46px; column-count: 2; column-gap: 70px; }
.join_item{ background: #fff; break-inside: avoid; padding: 35px 38px 22px 38px; border-radius: 15px; border: 1px solid #edf1ff; margin-bottom:42px; }
.join_item h3{ font-size: 30px; font-weight: normal; text-align: center; margin-bottom: 26px; font-family: Roboto-Medium_0; }
.jo_info{ margin-bottom: 25px; }
.jo_info h4{ font-size:24px; font-weight: normal; margin-bottom: 10px; font-family: Roboto-Medium_0; color: #fcc062; }
.jo_pp{ background:#f7f8ff; border-radius: 15px; padding: 20px 28px; }
.jo_pp p{ font-size: 16px; line-height: 28px; font-family: Roboto-Light; }
.join_item .jo_info:nth-of-type(2){ margin-bottom: 0; }
.join_item a{ margin-top:15px; display: inline-block; width: 100%; text-align: center; color: #1a73e8; }
.join_item a:hover{ text-decoration:underline; }

/*网站地图*/
.site_map{
    width:100%;
    margin:20px auto 0;
    overflow:hidden;
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
}
.site_map a{
    background:#0f357e;
    display:block;
    width:167px;
    text-align:center;
    height:40px;
    line-height:40px;
    color:#ffffff;
    font-size:16px;
    float: left;
    margin-right: 20px;
}

.menu_list1{
    width:95%;
    margin:10px auto;
    overflow:hidden;
}
.menu_text1{
    width:95%;
    float:left;
    margin-top: 10px;
}
.mtt1{
    width:100%;
    float:left;
    line-height:30px;
}
.mtt1 a{
    color:#666;
    font-size:14px;
    background:none;
}
.mtnr1{
    width:100%;
    float:left;
    overflow:hidden;
    line-height:25px;
}
.mtnr1 a{
    padding:0 10px;
    color:#999999;
    font-size:12px;
}

.hotwz{
    width: 100%;
    float:left;
    overflow: hidden;
    margin-top: 20px;
}
.hotwz .htitle{
    width: 100%;
    float: left;
}
.hotwz ul{
    width: 218px;
    padding: 0 10px;
    float: left;
    overflow: hidden;
    border: 1px solid #d9d9d9;
}
.hotwz ul li{
    line-height: 32px;
    border-bottom: 1px solid #d9d9d9;
}
.hotwz ul li:last-child{
    border-bottom: none;
}
.xgtj{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 30px;
}
.xgtj_title{
    width: 100%;
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
}
.xgtj_title span{
    display: block;
    width: 100px;
    background: #126032;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
}
.xgtj_list{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}
.xgtj_list ul li{
    width: 50%;
    float: left;
    line-height: 30px;
}

.subCont img{
    width:100%;
}
.mtt1{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}
.mtt1 a{ width: 200px; overflow: hidden;}
.mtt1 p{ float: left; width: 100%;}
.mpt1{
    width: 220px;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}
.mpt1 a{ width: 200px; background: none; color: #666666; font-size: 14px; overflow: hidden; }
.mpt1 p{ float: left; width: 100%;}



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

@media screen and (max-width: 1600px){
  .l_fixed ul li a{ padding: 20px 0 20px 10px; }
  .in_ourp{ margin-top: 35px; }
  .i_parrow span.slick_prev,.in_aiar span.ia_prev,.in_aiar span.pn_prev,.in_aiar span.apc_prev{ left: -45px; }
  .i_parrow span.slick_next,.in_aiar span.ia_next,.in_aiar span.pn_next,.in_aiar span.apc_next{ right: -45px; }
  .l_fixed ul li{ width: 90px; }
  .in_abbox{ padding: 60px 0 62px 0; }
  .in_abbook{ margin-top: 40px; }
  .in_vibox{padding: 62px 0;}
  .in_vilist{ margin-top: 40px; }
  .as_naicon p{ font-size: 30px; }
}

@media screen and (max-width: 1500px){
  .logo{ left: 0; }

}
@media screen and (max-width: 1440px){
  .warper{ width: 88%; }
  nav li>a{ padding: 0 24px; }
  .logo{ left: -30px; }
  .l_fixed ul li a{ padding: 15px 0 15px 8px; }
  .l_fixed ul li{ margin-bottom: 5px; }
  .in_hoprdiv{ padding: 40px 0; }
  .home_boxtit{ font-size: 42px; }
  .in_opnav{ margin-top: 30px; }
  .in_opnav li a{ padding: 12px 30px; }
  .in_opswi{ margin-top:20px; }
  .inopgd .item{ margin: 0 12px; }
  .in_oem{ padding-left: 30px; margin-top: 30px; }
  .i_parrow span{ color: #fff; background: #0f357e; }
  .i_parrow span.slick_prev, .in_aiar span.ia_prev, .in_aiar span.lav_prev ,.in_aiar span.pn_prev, .in_aiar span.apc_prev{ left: -18px; }
  .i_parrow span.slick_next, .in_aiar span.ia_next, .in_aiar span.lav_next ,.in_aiar span.pn_next, .in_aiar span.apc_next{ right: -18px; }
  .in_ablcon,.in_abrcon{ padding: 38px 35px 40px 35px; }
  .in_abbtn{ margin-top: 20px; }
  .in_app{ padding: 50px 0 40px 0; }
  .in_appswi{ margin-top: 35px; }
  .in_appswi .slick-dots{ margin-top: 20px; }
  .in_vile{ width: 32%; }
  .in_viri{ margin-left: auto; padding-left: 0; width: 66%; float: right; }
  .in_vlul li{ margin-bottom: 20px; }
  .in_vibox{ padding: 55px 0; }
  .in_neca{ padding: 50px 0 250px 0; }
  .in_nlist,.in_calist{ margin-top: 30px; }
  .fb_ri{ padding-left: 32px; margin-left: 450px; }
  .fb_le{ width: 450px; }
  .fl_xl{ padding: 30px 20px 65px 20px; }
  .fl_log p{ margin-left: 15px; font-size: 20px; }
  .copyright{ margin-top: 20px; }
  .sub_nav p{ line-height: 28px; }
  .pro_nan{ padding: 40px 0; }
  .pro_warbox{ padding: 50px 0 220px 0; }
  .pr_tidiv h1{ font-size: 34px; margin-bottom: 10px; }
  .pr_tidiv p{ line-height: 30px; }
  .pro_list{ margin-top: 40px; }
  .digg4{ margin-top: 40px; }
  .pni_item i{ font-size: 65px; }
  .del_tibox{ padding-top: 40px; }
  .to_tab td{ padding: 5px; }
  .tod_btn{ padding: 0; }
  .tod_lcon{ width: 720px; }
  .tod_rcon{ margin-left: 720px; }
  .dl_lcond{ width: 77.5%; }
  .dl_rcond{ margin-left:77.5%; }
  .dl_lcond iframe{ height: 349px; }
  .del_tod{ padding: 20px 20px 20px 16px; margin: 35px 0; }
  .d_ferc{ padding-left: 30px; }
  .d_feap p{ margin-bottom: 5px; }
  .de_app{ margin-top: 30px; padding: 25px; }
  .del_h2{ font-size: 30px; margin-bottom: 10px; }
  .ap_pp{ line-height: 28px; }
  .de_mes{ margin-top: 30px; padding: 30px; }
  .de_rel{ padding-top: 42px; }
  .de_rel .i_parrow span{ background: #0a509d; }
  .backToTop{ right: 0; }
  .ab_nav li a{ padding: 20px; }
  .ab_nav{ margin-bottom: 40px; }
  .ab_int h1{ font-size: 34px; }
  .ab_inptx{ margin-top: 20px; }
  .ab_inptx p{ line-height: 30px; margin-bottom: 10px; }
  .ab_war{ padding-bottom:220px; }
  .tiem_item:after{ left: -45px; }
  .time_line ul li:nth-of-type(even) .tiem_item:after{ right: -44px; }
  .ra_h2{ font-size: 28px; }
  .ra_ppt p{ line-height: 30px; }
  .rain_ul li{ padding: 22px 0; }
  .as_naicon p{ font-size: 25px; }
  .as_naicon{ padding-top: 32px; }
  .as_naicon i{ font-size: 48px; }
  .so_rblo{ margin-top: 30px; }
  .sitsbox{ margin-bottom: 30px; }
  .ab_cetop li p{ margin-top: 12px; }
  .ab_cebot{ margin-top: 20px; }
  .oem_h2{ font-size: 30px; }
  .oem_txt p{ line-height: 26px; margin-top: 8px; }
  .oem_item{ padding: 12px 12px 30px 12px; }
  .oem_txt{ margin-top: 15px; padding: 0 10px; }
  .solu_h2{ margin-bottom: 20px; }
  .so_itemp p{ margin-top: 12px; }
  .so_all{ margin-top: 40px; }
  .so_pop{ margin-bottom: 50px; }
  .so_litxt{ margin-top: 10px; }
  .solist_ul{ margin-top: 25px; }
  .so_banr{ margin-top: 40px; }
  .backToTop{ width: 50px; height: 50px; }
  .app_nrbox{ margin-top: 30px; }
  .ap_nrtxt h2{ font-size: 40px; }
  .ap_nrtxt{ padding: 0 40px 40px 40px; }
  .ap_nle{ width: 48%; }
  .ap_nri{ width: 50%; padding-left: 0; margin-left: 0; float: right; }
  .ap_mslink p{ margin-bottom: 5px; }
  .app_txtdiv{ margin-top: 10px; }
  .news_list{ margin-top: 30px; }
  .nes_txt{ margin-top: 25px; }
  .news_list li{ margin-bottom: 30px; }
  .ca_ri .ino_link{ padding-right: 12%; }
  .pro_nav h3{ padding: 30px 18px; }
  .ca_sle{ width: 300px; }
  .ca_sri{ margin-left: 300px; }
  .ca_toptx{ padding: 20px; }
  .ca_toptx h1{ font-size: 30px; }
  .ca_desc p{ line-height: 28px; }
  .ca_mrc .tod_btn{padding-right: 0;}
  .cadm_gd .item{ margin: 0 4px; }
  .ca_main{ margin-top: 20px; }
  .ca_mlc{ width: 420px; }
  .ca_mrc{ margin-left: 420px; }
  .cadm_slider iframe{ height: 264px; }
  .cadm_picgd{ margin-top: 5px; padding: 0 10px; }
  .ca_mrc{ padding: 15px 0 0 18px; }
  .ca_debloc{ margin-top: 20px; }
  .vitop{ padding: 40px 0; }
  .la_vibox{ padding: 35px 0; }
  .la_viswi{ margin-top: 25px; }
  .la_vitem p{ margin-top: 15px; }
  .vi_cla{ padding: 10px 0; }
  .vi_cladiv{ margin-top: 20px; }
  .vi_clle{ width: 280px; }
  .vi_clri{ margin-left: 280px; }
  .vi_clilist li{ margin-bottom: 24px; }
  .con_titd h2{ font-size: 35px; }
  .yuan span{ font-size: 15px; }
  .con_map{ margin-top: 15px; }
  .con_lxdiv{ margin-top: 20px; }
  .con_us{ margin-top: 20px; }
  .con_us li{ margin-bottom: 15px; }
  .con_lelx h3{ font-size: 28px; }
  .con_lelx{ padding: 35px 42px 16px 30px; }
  .con_fou{ margin: 25px 0; }
  .pat54{ padding-top: 45px; }
}


@media screen and (max-width: 1366px){
  nav li>a{ padding: 0 15px; }
  .in_opri{ padding-left: 20px; }
  .in_opde p{ line-height: 26px; }
  .in_opde,.in_opnav{ margin-top: 15px; }
  .ino_txt{ padding: 14px 20px 35px 20px; }
  .in_oele h2{ font-size: 26px; }
  .in_oeri a i{ margin-left: 20px; }
  .in_abtxt p{ line-height: 28px; }
  .pr_nagd .item{ margin: 0 8px; }
  .tod_btn a i{ margin-right: 3px; }
  .tod_btn a{ margin-right: 1%; font-size: 15px;}
  .tod_btn a i{ font-size: 21px; }
  .tod_btn a em{ font-size: 19px; }
  .tod_rcon{ padding-left: 10px; }
  .d_feap p{ line-height: 23px; }
  .de_spec .in_hottag{ margin-top: 35px; }
  .tiem_item:after{ left: -43px; }
  .time_line ul li:nth-of-type(even) .tiem_item:after{ right: -42px; }
  .r_b b{ font-size: 48px; }
  .as_naicon p{ font-size: 22px; }
  .oem_se{ margin-top: 15px; }
  .so_btxt{ padding: 34px 44px 0 44px; }
  .app_lemo li{ margin-bottom: 11px; }
  .ap_nrtxt{ padding: 0 30px 30px 30px; }
  .ap_nrtxt h2{ font-size: 35px; }
  .ca_deitem{ margin-bottom: 25px; }
  .vi_tle{ width: 420px; }
  .vi_tri{ margin-left: 420px; }
  .vi_tri p{ line-height: 28px; margin-top: 18px; height: 112px; }
  .vi_tri span{ margin-top: 25px; }
  .con_us li{ margin-bottom: 6px; padding-left: 72px; }
}

@media screen and (max-width: 1280px){
  nav li>a{ padding: 0 10px; }
  .he_ulic{ width: 285px; }
  .home_boxtit{ font-size: 38px; }
  .in_opnav li a{ padding: 12px 15px; }
  .in_abbox{ padding: 50px 0; }
  .in_apptit a i{ margin-left: 20px; }
  .in_viri .in_vbwz i{ width: 50px; height: 50px; line-height: 50px; font-size: 20px; }
  .in_viri .in_vbwz p{ font-size: 26px; }
  .in_vlul li{ margin-bottom: 16px; }
  .in_vilist{ margin-top: 30px; }
  .in_vitit a i{ margin-left: 20px; }
  .in_nlist li{ padding: 20px 0; }
  .in_caitem p{ line-height: 25px; height: 50px; }
  .in_caitem{ padding: 30px 25px; }
  .ilnle{ width: 222px; }
  .ilnri{ margin-left: 222px; }
  .in_neca{ padding: 40px 0 120px 0; }
  .fa_item1{ display: none; }
  .fa_item2{ width: 45%; }
  .fa_item3{ width: 54%; }
  .f_dsp{ margin-top: 18px; }
  .sub_nav p{ line-height: 25px; }
  .pni_item p{ margin-top: 10px; }
  .pni_item i{ font-size: 50px; }
  .pni_item a{ padding: 20px; }
  .pro_warbox{ padding: 40px 0 100px 0; }
  .pro_list{ margin-top: 30px; }
  .pro_list li{ width: 32%; margin-right: 2%; margin-bottom: 25px; }
  .del_tibox p{ line-height: 28px; }
  .tod_btn a em{ display: none; }
  .del_tod{ padding: 10px; }
  .tod_btn{ margin-top: 12px; }
  .del_h2{ font-size: 28px; }
  .ab_nav li a{ padding: 15px 10px; }
  .ab_int h1{ font-size: 32px; }
  .ab_inptx p{ line-height: 26px; }
  .ab_cpul li{ margin: 0 0.6% 12px 0.6%; }
  .tiem_item:after{ left: -40px; }
  .time_line ul li:nth-of-type(even) .tiem_item:after{ right: -41px; }
  .ra_h2{ font-size: 25px; }
  .rain_item{ margin-bottom: 20px; }
  .ap_msdesc{ height: 120px; }
  .ap_nri{ width: 52.5%; }
  .ap_nle{ width: 46%; }
  .ne_navul li a{ padding: 15px 30px; }
  .nes_txt{ margin-top: 18px; }
  .news_list li{ width: 32%; margin-right: 2%; }
  .pro_nav h3{ padding: 20px 18px; }
  .ca_le{ width: 360px; }
  .ca_ri{ margin-left: 360px; }
  .ca_ri p{ line-height: 25px; height: 50px; }
  .c_pred{ margin-top: 20px; }
  .c_pred h2{ font-size: 26px; }
  .c_rtxt{ padding: 10px 15px 20px 15px; }
  .ino_link{ margin-top: 10px; }
  .pro_table table tr td{ padding: 10px; }
  .infoform li:last-child{ margin-top: 0; }
  .infoform input, .infoform textarea{ padding: 12px 18px; }
  .la_h2{ font-size: 30px; }
  .vi_tle{ width: 380px; }
  .vi_tri{ margin-left: 380px; padding: 25px 0 0 25px; }
  .vi_tri span i{ margin-left: 15px; }
  .con_titd p{ margin-top: 5px; }
  .join_item{ padding: 20px; margin-bottom: 30px; }
  .join_item h3{ font-size: 26px; margin-bottom: 10px; }
  .jo_info h4{ font-size: 20px; }
  .jo_pp{ padding: 20px; }
  .jo_pp p{ font-size: 15px; line-height: 26px; }
  .join_div{ margin-top: 25px; column-gap: 30px; }
}


@media screen and (max-width: 1024px){
  .banner_home,.subbanner,.del_wardiv{ margin-top: 62px; }
  #nav .nav-button{display: block; top: -49px; right: 0; }
  header,.position, .page_h,header.position{ height: 62px; background: #0f357e; box-shadow: 0 1px 5px 1px rgb(0 0 0 / 20%); }
  .logo img,.position .logo img{ height:35px; }
  .logo{ top: 12px; left:0; }
  .warper{ width: 94%; }
  .l_fixed{ 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,.page_h  nav li>a{ margin:0; color: #fff; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on a, nav li:hover a{ background: #0f357e ; color: #fff; }
  body{ font-size: 16px; }
  nav li a:before,.h_top,nav li:nth-of-type(2) a:after, nav li:nth-of-type(3) a:after{ display: none; }
  #nav .nav-button{ top: 13px; background: #fff; }
  #nav .nav-button i{ color: #0f357e; }
  nav dl,.pro_meun{ left: 0;  top: 0; border:none; width: auto;  background: #444;  position: inherit;  opacity: 1; height: auto !important; display: block !important; }
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  nav li:hover dl{ left: 0; opacity: 1; }
  nav dl dd:hover div,nav li a:before,.home_tit img{display: none;}
  nav li dl dd a:hover{ background: #0f357e !important;}
  nav dl dd{ border: none; }
  nav li>a{ font-size: 18px; }
  .nav_show li p{ font-size: 16px; }
  nav dl dd div{ display: none; position: initial; left: 0; width: 100%; background: #89898a; }
  nav dl dd div a{ font-size: 15px; }
  nav dl dd:hover div{display: none;}
  .he_top{ display: none; }
  .head_rcon{ right: 54px; top: 18px; width: 66px; }
  .searchform{ top:44px; }
  .pro_meun{ padding: 0;  border: none; box-shadow:none; }
  .p_melcon{ width: 100%; float: none; padding: 0; }
  .p_doitem h4{ margin: 0; line-height: normal; padding: 0; border: none; }
  .p_downdiv .p_doitem{ width: 100%; margin-right: 0; margin-bottom: 0; }
  .p_doitem p,.p_mercon{ display: none; }
  .p_doitem h4 a{ padding: 15px 18px; font-family: Roboto-Regular; background: transparent !important; width: 100%; display: inline-block; }
  nav li dl dd a,.p_doitem h4 a{ color: #fff !important; font-weight: normal; white-space: normal; font-size: 16px; }
  .p_doitem h4 a:hover{ background: #0f357e !important; }
  .ban_arrow span{ width: 45px; height: 45px; line-height: 45px; }
  .ban_arrow span i{ font-size: 20px; }
  .in_hoprdiv{ padding: 30px 0; }
  .in_hottag li{ margin-bottom: 6px; margin-right: 6px; }
  .home_boxtit{ font-size: 33px; }
  .in_opnav li a{ padding: 9px 12px; }
  .in_opde{ margin-top: 8px; }
  .ino_link a i{ font-size: 19px; }
  header:before{ display: none; }
  .i_parrow span,.in_aiar span{ width: 45px; height: 45px; line-height: 45px; }
  .i_parrow span.slick_next, .in_aiar span.ia_next, .in_aiar span.lav_next, .in_aiar span.pn_next, .in_aiar span.apc_next{ right: -12px; }
  .i_parrow span.slick_prev, .in_aiar span.ia_prev, .in_aiar span.lav_prev, .in_aiar span.pn_prev, .in_aiar span.apc_prev{ left: -12px; }
  .in_oele p{ line-height: 24px; }
  .in_oele h2{ font-size: 24px; }
  .in_abbook{ margin-top: 30px; }
  .ripple, .ripple:before, .ripple:after{ width: 60px; height: 60px; line-height: 60px; }
  .ivbtn a.fancybox{ width: 60px; height: 60px; line-height: 60px; }
  .ivbtn i{ font-size: 24px; }
  .in_ablcon, .in_abrcon{ padding: 25px; }
  .in_abtxt p{ line-height: 24px; font-size: 15px; }
  .in_abbox,.in_vibox{ padding: 35px 0; }
  .in_app{ padding: 40px 0; }
  .in_cri{ width: calc(49% - 30px); }
  .fb_le{ width: 420px; }
  .fb_ri{ margin-left: 420px; }
  .sub_nav p{ font-size: 15px; line-height: 20px; }
  .pro_nan{ padding: 25px 0; }
  .pr_ullic li a{ padding: 12px 30px; font-size: 18px; }
  .pr_ullic li{ margin: 0 5px; }
  .ino_link a{ padding: 12px 13px 12px 14px; }
  .pro_warbox .in_hottag{ margin-top: 30px; }
  .fa_item2{ display: none; }
  .fa_item3{ float: none; width: 100%; }
  .fa_nav h4{ margin-bottom: 14px; font-size: 24px; }
  .del_tibox{ padding-top: 20px; }
  .del_tibox h1{ font-size: 31px; }
  .del_tibox p{ line-height: 25px; }
  .tod_lcon{ width: 100%; float: none; }
  .tod_rcon{ margin-left: 0; padding-left: 0; }
  .dl_lcond iframe{ height: 449px; }
  .tod_btn a em{ display: inline-block; }
  .de_app{ padding: 15px; }
  .de_spec{ margin-top: 20px; }
  .de_mes{ padding: 20px; }
  .pat54{ padding-top: 35px; }
  .ab_nav{ margin-bottom: 20px; }
  .ab_int h1{ font-size: 28px; }
  .ab_inptx{ margin-top: 10px; }
  .tizd h3 b{ font-size: 22px; }
  .tizd h3{ width: 120px; height: 120px; margin-left: -60px; }
  .tizd:before{ width: 144px; height: 144px; margin-left: -72px; }
  .tizd{ width: 170px; height: 170px; margin: 0 auto 12px auto; }
  .tim_his:before{ height: calc(100% - 180px); top: 180px; }
  .tiem_item:after{ left: -35px; }
  .time_line ul li:nth-of-type(even) .tiem_item:after{ right: -35px; }
  .tiem_item h4{ font-size: 25px; }
  .ab_nav li a{ font-size: 17px; }
  .ra_h2{ font-size: 22px; }
  .ra_ppt{ margin-top: 10px; }
  .ra_ppt p{ line-height: 25px; }
  .r_b b{ font-size: 40px; }
  .as_naicon p{ font-size: 18px; }
  .as_naicon i{ font-size: 40px; }
  .as_naicon{ padding-top: 15px; }
  .si_ri{ padding-left: 20px; }
  .oem_h2{ font-size: 24px; }
  .oem_txt p{ font-size: 15px; line-height: 22px; }
  .solu_h2{ font-size: 26px; margin-bottom: 10px; }
  .so_pop{ margin-bottom: 20px; }
  .so_navs li{ padding: 15px; }
  .so_navs li p{ font-size: 15px; line-height: 20px; }
  .so_navs li h3{ margin-top: 9px; }
  .so_navs li i{ font-size: 50px; }
  .solist_ul li{ margin-bottom: 18px; }
  .so_banr{ margin-top: 12px; }
  .so_btxt{ padding: 30px 15px 0 15px; }
  .so_btxt h4{ font-size: 20px; }
  .so_btxt p{ margin-top: 10px; }
  .ap_nrtxt p{ font-size: 15px; line-height: 22px; }
  .ap_nrtxt h2{ font-size: 25px; }
  .ap_mslink a{ padding: 10px 12px; margin-top: 20px; }
  .ap_mslink{ padding: 15px; }
  .app_txtdiv p{ line-height: 26px; }
  .app_nav li a{ padding: 12px 12px 8px 12px; }
  .app_nav li a p{ font-size: 15px; line-height: 18px; margin-top: 5px; }
  .ca_sle{ width: 100%; float: none; }
  .ca_sri{ margin-left: 0; padding-left: 0; }
  .pro_nav h3{ padding: 15px; position: relative; text-align: left; font-size: 24px; }
  .pro_nav h3 a{ position: absolute; padding: 15px; display: block; top: 0; left: 0; width: 100%; height: 100%; text-align: right; color: #fff; }
  .accordion{ display: none; }
  .ca_sri{ padding: 5px; margin-top: 12px; }
  .ca_list li{ margin-bottom: 15px; }
  .c_pred{ display: none; }
  .ca_toptx h1{ font-size: 25px; }
  .ca_desc{ margin-top: 8px; }
  .vi_tri h3{ font-size: 23px; }
  .vi_tle i{ width: 60px; height: 60px; line-height: 60px; margin-left: -30px; }
  .la_h2{ font-size: 25px; }
  .vi_clle{ width: 100%; float: none; }
  .vi_clri{ margin-left: 0; padding-left: 0; }
  .vi_cladiv{ margin-top: 10px; }
  .vi_nav{ width: 100%; overflow: hidden; }
  .vi_nav li{ width: 32%; margin-right: 2%; float: left; }
  .vi_nav li:nth-of-type(3n){ margin-right: 0; }
  .vi_nav li a{ font-family: Roboto-Medium_0; }
  .vi_nav li a:hover, .vi_nav li.on a{ font-size: 16px; }
  .digg4{ margin-top: 30px; }
  .digg4 a, .digg4 span.disabled, .digg4 span.current{ font-size: 18px; }
  .con_titd h2{ font-size: 30px; }
  .con_rilx{ display: none; }
  .con_lelx{ width: 100%; float: none; padding: 30px; }
  .con_lxdiv:before{ width: 100%; }
  .con_foul{ padding: 15px 0; }
  .jo_pp{ padding: 12px; }
  .join_item{ padding: 15px; margin-bottom: 20px; }
  .jo_info{ margin-bottom: 15px; }
  .join_div{ column-gap: 15px; }
  .join_item h3{ font-size: 24px; }
  .jo_pp p{ line-height: 22px; }
}

@media screen and (max-width: 768px){
  .in_hottag li a{ padding: 10px; }
  .in_ople{ width: 100%; float: none; }
  .in_opri{ display: none; }
  .home_boxtit{ font-size: 30px; }
  .in_ourp{ margin-top: 12px; }
  .in_opswi{ margin-top: 10px; }
  .inopgd .item{ margin: 0 6px; }
  .in_oem{ margin-top: 16px; padding-left: 10px; }
  .in_oele h2{ font-size: 21px; }
  .in_oele p{ font-size: 15px; margin-top: 8px; line-height: 22px; }
  .in_oeri a{ padding: 12px 15px; }
  .in_oeri a i{ margin-left: 10px; }
  .in_oeri{ padding-top: 10px; }
  .in_abbook{ background: #fff; }
  .in_ablcon,.in_abrcon{ width: 100%; float: none; }
  .in_ablcon{ padding: 20px 20px 0 20px; }
  .in_abrcon{ padding: 10px 20px 20px 20px; }
  .i_amo i{ margin-left: 10px; }
  .i_amo{ padding: 10px 18px; }
  .in_abpic{ margin-top: 10px; }
  .in_aimswi{ margin-top: 20px; }
  .in_anigd .item{ margin: 0 5px; }
  .in_apptit a,.in_vitit a{ padding: 10px 18px; }
  .in_apptit a i,.in_vitit a i{ margin-left: 8px; }
  .in_app{ padding: 30px 0; }
  .in_appswi{ margin-top: 20px; }
  .in_appswi .slick-dots li button{ width: 12px; height: 12px; border-radius: 12px; }
  .in_appswi .slick-dots{ margin-top: 10px; }
  .in_apptxt p{ font-size: 18px; line-height: 22px; height: 44px; }
  .in_vlul li{ margin-bottom: 10px; }
  .in_vilist{ margin-top: 15px; }
  .in_viri .in_vbwz{ padding: 25px 70px 25px 25px; }
  .in_viri .in_vbwz p{ font-size: 20px; }
  .in_viri .in_vbwz i{ width: 40px; height: 40px; line-height: 40px; right: 20px; bottom: 20px; }
  .in_neca{ padding: 30px 0 100px 0; }
  .in_nle{ width: 100%; float: none; }
  .in_cri{ width: 100%; float: none; margin-top: 20px; }
  .in_nlist, .in_calist{ margin-top: 15px; }
  .in_nlist li{ padding: 10px 0; }
  .in_caitem{ padding: 20px; }
  .in_caitem p{ margin-top: 10px; }
  .in_calist li{ margin-bottom: 10px; }
  footer{ position: static; }
  .in_neca{ padding: 30px 0; }
  .home_boxtit{ font-size: 28px; }
  .fb_le{ width: 100%; float: none; }
  .fb_ri{ margin-left: 0; padding-left: 0; padding-top: 20px; }
  .w_p_main{ padding-bottom: 0; }
  .sub_nav p{ display: none; }
  .pro_nan{ padding: 20px 0; }
  .pro_warbox{ padding: 30px 0; }
  .pr_tidiv h1{ font-size: 28px; }
  .pr_tidiv p{ line-height: 24px; }
  .pr_ullic li a{ padding: 12px 15px; font-size: 16px; }
  .pr_ullic{ margin-top: 12px; }
  .pro_list{ margin-top: 16px; }
  .pro_list li{ width: 49%; margin-bottom: 18px; }
  .pro_list li:nth-of-type(3n){ margin-right: 2%; }
  .pro_list li:nth-of-type(even){ margin-right: 0; }
  .del_tod{ margin: 20px 0; }
  .dl_lcond iframe{ height: 327px; }
  .tod_rcon{ padding-top: 15px; }
  .d_felc{ width: 100%; float: none; }
  .d_ferc{ width: 100%; float: none; padding: 0; margin-top: 12px; }
  .de_app{ margin-top: 20px; }
  .ap_pp{ line-height: 24px; }
  .de_fopic li p{ margin-top: 10px; }
  .de_spec .in_hottag,.de_mes{ margin-top: 20px; }
  .de_rel{ padding-top: 25px; padding-bottom: 20px; }
  .del_wardiv{ padding-bottom: 0; }
  .fl_media{ padding: 12px 0; }
  .fc_muul li a i{ font-size: 20px; }
  .ab_int h1{ font-size: 24px; }
  .ab_inptx p{ font-size: 15px; line-height: 24px; }
  .ab_cpul li{ margin: 0 0.6% 8px 0.6%; }
  .ab_pigd .item{ margin: 0 4px; }
  .ab_war .in_hottag{ margin-top: 30px; }
  .ab_war{ padding-bottom: 20px; }
  .ab_cpul{ margin-top: 16px; }
  .tizd{ margin: 0 0 12px 0; }
  .tim_his:before{ left: 60px; margin-left: 0; }
  .tiem_item{ width: 100%; float: none; padding-left: 80px; }
  .time_line ul li:nth-of-type(even) .tiem_item{ text-align: left; float: none; }
  .tizd{ width: 120px; height: 120px; }
  .tizd:before{ display: none; }
  .tizd h3{ position: static; margin-left: 0; }
  .tim_his:before{ height: calc(100% - 130px); top: 130px; }
  .tiem_item h4{ font-size: 20px; }
  .tiem_item p{ font-size: 15px; line-height: 22px; }
  .tiem_item:after{ left: 56px; }
  .time_line ul li:nth-of-type(even) .tiem_item:after{ right: auto; left: 56px; }
  .ra_ppt p{ font-size: 15px; line-height: 22px; }
  .ra_h2{ font-size: 20px; }
  .ra_ppt{ margin-top: 8px; }
  .rain_item{ margin-bottom: 15px; }
  .rain_ul li{ padding: 18px 0; }
  .ra_pic{ margin-top: 15px; }
  .as_naicon p{ margin-top: 6px; }
  .as_naicon i{ font-size: 30px; }
  .so_rblo{ margin-top: 20px; }
  .sitsbox{ margin-bottom: 20px; }
  .si_le{ width: 100%; float: none; }
  .si_ri{ width: 100%; float: none; padding: 0; margin-top: 12px; }
  .ab_cetop li p{ padding: 0; font-size: 15px; margin-top: 6px; }
  .ab_cebot{ margin-top: 10px; }
  .ab_cebot li p{ margin-top: 6px; padding: 0; }
  .oem_se{ flex-wrap: wrap; margin-top: 8px; }
  .oem_se li{ width: 100%; float: none; margin-right: 0; margin-bottom: 10px; }
  .solu_h2{ font-size: 22px; }
  .so_itemp p{ margin-top: 10px; }
  .so_all{ margin-top: 20px; }
  .so_navs li i{ font-size: 40px; }
  .solist_ul{ margin-top: 15px; }
  .so_navs li{ width: 33.333%; }
  .solist_ul li{ width: 32.5%; margin-right: 1%; margin-bottom: 10px;}
  .solist_ul li:nth-of-type(4n){ margin-right: 1%; }
  .solist_ul li:nth-of-type(3n){ margin-right: 0; }
  .so_btxt{ padding: 12px; }
  .so_btxt h4{ font-size: 18px; }
  .infoform li{ margin-bottom: 10px; }
  .app_nrbox{ margin-top: 15px; }
  .ap_nle{ width: 100%; float: none; }
  .ap_nri{ width: 100%; margin-top: 15px; }
  .ap_msdesc{ height: 200px; }
  .ne_navul li a{ padding: 12px 15px; font-size: 18px; }
  .news_list{ margin-top: 20px; }
  .nes_txt{ padding: 0; }
  .nes_txt p{ font-size: 15px; margin-top: 5px; line-height: 22px; height: 66px; }
  .nes_txt h4{ font-size: 17px; }
  .nes_txt{ margin-top: 10px; }
  .digg4{ margin-top: 20px; }
  .news_list li{ margin-bottom: 15px; }
  .pat54{ padding-top: 25px; }
  .ca_ri{ padding: 25px 15px 0 12px; margin-left: 315px; }
  .ca_ri .ino_link{ padding: 0; }
  .ca_ri .ino_link a{ padding: 10px 15px; }
  .ca_le{ width: 315px; }
  .ca_toptx{ padding: 15px; }
  .ca_desc p{ font-size: 15px; line-height: 24px; }
  .ca_main{ margin-top: 15px; }
  .ca_mlc{ width: 100%; float: none; }
  .ca_mrc{ margin-left: 0; padding: 0; margin-top: 12px; }
  .cadm_slider iframe{ height: 426px; }
  .del_h2{ font-size: 22px; }
  .d_feap p,.ap_pp{ font-size: 15px; line-height: 20px; }
  .pro_table table tr td{ font-size: 15px; }
  .vitop{ padding: 30px 0; }
  .vi_tle{ width: 300px; }
  .vi_tri{ margin-left: 300px; }
  .vi_tri p{ font-size: 15px; line-height: 22px; height: 66px; }
  .vi_tri h3{ font-size: 20px; }
  .vi_tri span{ padding: 12px 20px; }
  .la_vibox{ padding: 30px 0; }
  .la_viswi{ margin-top: 16px; }
  .la_vgd .item{ margin: 0 5px; }
  .con_titd h2{ font-size: 25px; }
  .con_lelx{ padding: 20px; }
  .con_lelx h3{ font-size: 24px; }
  .con_foul li{ padding: 15px 20px; }
  .getbox{ width: 100%; left: 0; margin-left: 0; }
}

@media screen and (max-width: 640px){
  .in_hoprdiv{ padding: 25px 0; }
  .ban_arrow span{ width: 40px; height: 40px; line-height: 40px; background: rgba(255, 255, 255, 0.5); }
  .i_parrow span, .in_aiar span{ width: 40px; height: 40px; line-height: 40px; }
  .in_abbtn{ margin-top: 10px; }
  .in_abbox, .in_vibox{ padding: 30px 0; }
  .in_vitit a{ top: -8px; }
  .in_vbwz{ padding: 12px 50px 12px 12px; }
  .in_vbwz i{ right: 5px; bottom: 5px; }
  .dl_lcond iframe{ height: 273px; }
  .de_fopic{ flex-wrap: wrap; }
  .de_fopic li{ width: 49%; margin-right: 2%; margin-bottom: 10px; }
  .de_fopic li:nth-of-type(even){ margin-right: 0; }
  .ab_nav{ display: none; }
  .rain_ul li{ width: 50%; padding: 10px 0; }
  .r_b b{ font-size: 30px; }
  .ab_sornav{ flex-wrap: wrap; }
  .ab_sornav li{ width: 100%; margin-right: 0; margin-bottom: 10px; }
  .solu_h2{ font-size: 20px; }
  .so_banr{ display: none; }
  .app_nav{ flex-wrap: wrap; }
  .app_nav li{ margin-bottom: 5px; }
  .app_txtdiv p{ font-size: 15px; line-height: 22px; }
  .ca_le{ width: 260px; }
  .ca_ri{ margin-left: 260px; padding: 16px 15px 0 12px; }
  .ca_ri p{ font-size: 15px; margin-top: 5px; line-height: 22px; height: 44px; }
  .cadm_slider iframe{ height: 353px; }
  .vi_clilist li{ width: 49%; }
  .vi_clilist li:nth-of-type(3n){ margin-right: 2%; }
  .vi_clilist li:nth-of-type(even){ margin-right: 0; }
  .yd_pro{ display: none !important; }
  .de_mes{ padding: 15px; }
  .con_us li span{ font-size: 18px; line-height: 23px; }
  .join_div{ margin-top: 15px; column-count: 1; }
  .join_item{ margin-bottom: 12px; }
  .copy_link{ display: none; }
  .home_boxtit{ font-size: 26px; }
}

@media screen and (max-width:480px){
  .w_p_main{ margin-bottom: 60px; }
  .ab_war{ padding-bottom: 0; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #0f357e; }
  .in_hottag{ display: none; }
  .in_ourp{ margin-top: 0; }
  .in_hoprdiv{ padding: 18px 0; }
  .home_boxtit{ font-size: 22px; }
  .in_opnav{ margin-top: 6px; }
  .in_opnav li a{ font-size: 15px; }
  .in_opde p{ font-size: 15px; line-height: 22px; }
  .inopgd .item{ margin: 0; }
  .in_oele{ width: 100%; float: none; }
  .in_oeri{ float: none; width: 50%; text-align: left; }
  .in_abbox, .in_vibox{ padding: 15px 0; }
  .ivbtn{ position: static; margin-top: 20px; }
  .in_abtxt p{ line-height: 22px; }
  .in_ablcon{ padding: 15px 15px 0 15px; }
  .in_abrcon{ padding: 10px 15px 15px 15px; }
  .in_app{ padding: 18px 0; }
  .in_apptit a{ top: -8px; }
  .in_vile{ width: 100%; float: none; }
  .in_viri{ width: 100%; float: none; margin-top: 12px; }
  .in_viri .in_vbwz{padding: 12px 50px 12px 12px;}
  .in_viri .in_vbwz p{ font-size: 16px; }
  .in_viri .in_vbwz i{ right: 5px; bottom: 5px; width: 34px; height: 34px; border-radius: 34px; line-height: 34px; }
  .in_neca{ padding: 15px 0; }
  .in_nlist li{ padding: 6px 0; }
  .ilnle{ width: 170px; }
  .ilnri{ margin-left: 170px; padding: 10px 0 0 10px; }
  .ilnri p,.in_caitem p{ font-size: 15px; line-height: 20px; height: 60px; }
  .in_caitem{ padding: 15px 12px; }
  .in_caitem p{ margin-top: 5px; }
  .in_caitem h3 span{ font-size: 20px; }
  .fl_xl{ padding: 15px; }
  .fl_log img{ height: 45px; }
  .fl_log p{ font-size: 18px; }
  .f_dsp{ font-size: 15px; margin-top: 6px; line-height: 20px; }
  .f_lxul li{ width: 100%; margin-bottom: 6px!important; float: none; margin-right: 0; }
  .f_lxul{ margin-top: 10px; }
  .fa_nav h4{ font-size: 22px; }
  .fa_item3 ul li{ width: 100%; margin-right: 0; float: none; }
  .fa_item3 input{ height: 45px; line-height: 45px; }
  .pro_nan{ padding: 12px 0; }
  .pro_warbox{ padding: 15px 0; }
  .pr_tidiv h1{ font-size: 21px; margin-bottom: 3px; }
  .pr_tidiv p{ font-size: 15px; line-height: 20px; }
  .pr_ullic li a{ font-size: 14px; padding: 10px 8px; }
  .pr_ullic li{ margin: 0 1px; margin-bottom: 3px; }
  .pro_list{ margin-top: 10px; }
  .pro_list li{ margin-bottom: 10px; width: 100%; margin-right: 0; }
  .ino_txt p{ margin-top: 6px; font-size: 15px; line-height: 20px; height: 60px; }
  .ino_txt{ padding: 14px 15px 22px 15px; }
  .del_tibox p{ font-size: 15px; line-height: 20px; }
  .del_tibox h1{ font-size: 25px; margin-bottom: 10px; }
  .dl_lcond{ width: 100%; float: none; }
  .dl_rcond{ margin-left: 0; padding-left: 0; }
  .dl_lcond iframe{ height: 207px; }
  .qh_picgd{ padding: 0 20px; }
  .qh_arr span{ width: auto; }
  .qh_arr span.qhi_prev{ transform: rotate(-90deg); top: 30%; left: -2px; }
  .qh_arr span.qhi_next{ transform: rotate(-90deg); right: -2px; top: 30%; bottom: auto; }
  .del_tod{ padding: 6px; }
  .tod_rcon{ padding-top: 6px; }
  .to_tab td{ font-size: 15px; }
  .tod_btn a{ padding: 12px 14px; }
  .de_app{ margin-top: 10px; padding: 10px; }
  .de_fopic li p{ font-size: 15px; }
  .de_spec{ margin-top: 12px; }
  .pro_table table tr td{ padding: 5px; }
  .de_mes{ padding: 10px; margin-top: 15px; }
  .infoform li{ width: 100%; margin-bottom: 5px; float: none; margin-right: 0; }
  .del_h2{ margin-bottom: 0; }
  .infoform{ margin-top: 10px; }
  .ab_int h1{ font-size: 21px; }
  .ab_inptx p{ line-height: 22px; }
  .ab_cpul li:first-child{ width: 100%; margin: 0; margin-bottom: 6px; float: none; }
  .ab_covi .ivbtn{ position: absolute; }
  .ab_cpul li{ width: 49%; margin: 0; margin-right: 2%; margin-bottom: 6px; }
  .ab_cpul li:nth-of-type(3),.ab_cpul li:nth-of-type(5){ margin-right: 0; }
  .tizd{ display: none; }
  .tim_his:before{ height: 100%; left: 0; top: 0; }
  .tiem_item{ padding-left: 22px; }
  .tiem_item:after,.time_line ul li:nth-of-type(even) .tiem_item:after{ left: 0; }
  .tim_his:before{ left: 4px; }
  .so_rblo{ margin-top: 0; }
  .oem_h2{ font-size: 20px; }
  .oem_item{ padding: 10px; }
  .oem_txt h3{ font-size: 18px; }
  .solu_h2{ font-size: 19px; }
  .so_pul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 10px; }
  .so_all{ margin-top: 10px; }
  .so_navs li{ width: 50%; padding: 10px; }
  .so_navs li h3{ font-size: 18px; }
  .solist_ul li{ width: 49.5%; }
  .solist_ul li:nth-of-type(3n){ margin-right: 1%; }
  .solist_ul li:nth-of-type(even){ margin-right: 0; }
  .so_litxt p{ font-size: 15px; line-height: 22px; height: 44px; }
  .infoform input, .infoform textarea{ padding: 10px 18px; }
  .ap_nrtxt{ padding: 0 12px 12px 12px; }
  .ap_nrtxt h2{ font-size: 22px; }
  .app_lemo li{ width: 100%; margin-right: 0; }
  .ap_msdesc{ height: auto; }
  .ne_navul li{ margin-right: 10px; }
  .news_list li{ width: 49%; }
  .news_list li:nth-of-type(3n){ margin-right: 2%; }
  .news_list li:nth-of-type(even){ margin-right: 0; }
  .nes_txt p{ line-height: 20px; height: 40px; }
  .nes_txt h4{ font-size: 16px; }
  .digg4{ margin-top: 10px; margin-bottom: 20px; }
  .copyright{ font-size: 15px; padding: 12px 0; margin-top: 10px; }
  .infocon h1{ font-size: 21px; }
  .infocon p{ font-size: 15px; line-height: 20px; }
  .infocon .other{ font-size: 15px; }
  .pro_nav h3{ font-size: 20px; }
  .ca_le{ width: 100%; float: none; }
  .ca_ri{ margin-left: 0; padding: 12px; }
  .ca_toptx{ padding: 10px; }
  .ca_toptx h1{ font-size: 23px; }
  .ca_main{ margin-top: 10px; }
  .cadm_slider iframe{ height: 207px; }
  .ca_deitem{ margin-bottom: 10px; }
  .vitop{ padding: 15px 0; }
  .vi_tle{ width: 100%; float: none; }
  .vi_tri{ margin-left: 0; padding: 10px; }
  .vi_tri p{ margin-top: 5px; }
  .vi_tri span{ margin-top: 10px; }
  .la_viswi{ margin-top: 10px; }
  .la_vibox{ padding: 12px 0; }
  .la_h2{ font-size: 22px; }
  .vi_nav li{ width: 49%; }
  .vi_nav li:nth-of-type(3n){ margin-right: 2%; }
  .vi_nav li:nth-of-type(even){ margin-right: 0; }
  .la_vitem p{ margin-top: 5px; }
  .vi_clilist li{ margin-bottom: 10px; }
  .con_titd h2{ font-size: 21px; }
  .con_titd p{ font-size: 14px; }
  .con_lelx h3{ font-size: 22px; }
  .con_lelx{ padding: 15px; }
  .con_us li a{ font-size: 17px; }
  .con_us li span{ font-size: 15px; line-height: 20px; }
  .con_us li{ padding-left: 58px; }
  .con_us li h6{ width: 48px; height: 48px; line-height: 48px; }
  .con_fou{ margin: 12px 0; }
  .con_foul li{ padding: 10px; }
  .pat54{ padding-top: 20px; }
  .join_item h3{ font-size: 22px; }
  .jo_info h4{ font-size: 18px; }


}