@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'FUTUBOLD';
    src: url('fonts/FUTUBOLD.otf');
    src: local('☺'), url('fonts/FUTUBOLD.woff') format('woff'), url('fonts/FUTUBOLD.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'calibri';
    src: url('fonts/calibri.eot');
    src: local('☺'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'calibrib';
    src: url('fonts/calibrib.eot');
    src: local('☺'), url('fonts/calibrib.woff') format('woff'), url('fonts/calibrib.ttf') format('truetype'), url('fonts/calibrib.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'calibril';
    src: url('fonts/calibril.eot');
    src: local('☺'), url('fonts/calibril.woff') format('woff'), url('fonts/calibril.ttf') format('truetype'), url('fonts/calibril.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OSWALD-BOLD';
    src: url('fonts/OSWALD-BOLD.eot');
    src: local('☺'), url('fonts/OSWALD-BOLD.woff') format('woff'), url('fonts/OSWALD-BOLD.ttf') format('truetype'), url('fonts/OSWALD-BOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{font-family:calibri;  font-size: 14px;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; height: auto; max-width: 100%; max-height: 100%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#005ca2;}
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 5013581 */
    src: url('fonts/iconfont.woff2?t=1757127105080') format('woff2'),
    url('fonts/iconfont.woff?t=1757127105080') format('woff'),
    url('fonts/iconfont.ttf?t=1757127105080') format('truetype');
}

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

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

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

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

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

.icon-shouqian-:before {
    content: "\e635";
}

.icon-fazhan:before {
    content: "\e63e";
}

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

.icon-linian:before {
    content: "\e65f";
}

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

.icon-jingshen:before {
    content: "\e731";
}

.icon-he_67zuzhifazhanlicheng:before {
    content: "\e71c";
}

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

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

.icon-zixunfuwu:before {
    content: "\e706";
}

.icon-fangzhuangshouhu:before {
    content: "\e73a";
}

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

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

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

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

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

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

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

.icon-daohang:before {
    content: "\e62b";
}

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

.icon-sousuo:before {
    content: "\e7b1";
}

.icon-shouye:before {
    content: "\e615";
}

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

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

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

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

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

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

.icon-zuojiantou1:before {
    content: "\e669";
}

.icon-yingguo:before {
    content: "\e614";
}

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

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

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

.icon-lianxiren:before {
    content: "\e697";
}

.icon-lingjian:before {
    content: "\e71e";
}

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

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

.icon-lingying:before {
    content: "\e73f";
}

.icon-sousuo1:before {
    content: "\e626";
}

.icon-arrowLeft:before {
    content: "\e65d";
}

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

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

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

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

.icon-dizhi3:before {
    content: "\e6d9";
}

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

.icon-dianhuajietong:before {
    content: "\e8e1";
}

video{ display: block; }

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

header{ transition: all 0.3s; width: 100%; height: 100px; z-index: 999; position: fixed; top: 0; left: 0; }
#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left: 0; top: 14px; }
.logo img{ width: auto;  margin-top:14px; }
.dis{ display: block; }
.nodis{ display: none; }

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


nav{float: right;margin-right: 100px;}
nav li{ float: left; margin: 0 18px; position: relative; }
nav li:last-child{ margin-right: 0; }
nav li>a{ position: relative; color: #fff; line-height:100px; font-size: 14px; font-family: calibri; display: inline-block;}
nav li.on>a,nav li:hover>a{ color: #fff; }
nav li>a:before { content: ""; position: absolute; bottom: 22px; left: 0; width: 0; transition: all .3s; height: 1px; background: #005ca2;}
nav li.on>a:before, nav li:hover a:before {  width: 100%;}

nav dl{ transition: opacity 1s ease; padding: 26px 36px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: absolute; display: none; background:#fff; min-width: 200px; top: 100px; left:50%; transform: translateX(-50%); z-index: 999;  }
nav dl dd{ display: block; position: relative; margin-bottom: 20px; }
nav dl dd:last-child{ margin-bottom: 0; }
nav li dl dd a{ opacity: 1; font-size: 14px; line-height: normal !important; white-space: nowrap; background: transparent !important; color: #888 !important; display: block; padding: 0; text-align: left; text-transform: capitalize;}
nav li dl dd a:hover{ text-decoration: underline; color: #005ca2 !important;}
nav dl dd div{ width: 250px;position: absolute; left: 100%; top: 0; background:rgba(0,52,102,.75); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:13px 10px; white-space: normal; color: #fff !important; border-bottom: none; min-width: 240px; }

.dis{ display: block; }
.undis{ display: none; }
.position,.pagehe{ box-shadow: 0 1px 10px rgba(0,0,0,0.12); background: #fff; }
.position .dis,.pagehe .dis{ display: none; }
.position .undis,.pagehe .undis{ display: block; }
.position nav li>a,.pagehe nav li>a{ color: #333 !important; }
.position .search-button span,.pagehe .search-button span{ color: #005ca2; }
.position nav li.on>a,.pagehe nav li:hover>a,.pagehe nav li.on>a,.position nav li:hover>a{ color: #005ca2 !important; }
.position nav li>a:before { content: ""; position: absolute; bottom: 22px; left: 0; width: 0; transition: all .3s; height: 1px; background: #005ca2;}
.position nav li.on>a:before, nav li:hover a:before {  width: 100%;}



.head_rcon{position: absolute;display: flex;justify-content: space-between;right: 0px;top:37px;width: 60px;}
.head_rcon .icon-youxiang2{ font-size: 26px; display: inline-block; }

.language{float: right;position: relative;width: 60px;display: inline-block;cursor: pointer;top: 2px;}
.language span{ position: relative; width: 100%; display: inline-block; color: #777; font-size: 16px; }
.language span a { color:#FFF; font-size:14px;}
.position .language span a { color:#666;}
.language span img { max-width:none; max-height:none;}
.language-main{
    width:100px;
    padding: 1px 0;
    position: absolute;
    display: none;
    z-index: 99;
    right: -10px;
    top: 20px;
    background: url("../images/ffggg.png") no-repeat 30px 4px;
}
.language:hover .language-main {display: block;}
.language-cont { width: 100px; padding: 0 16px; margin-top: 10px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); border-top: 3px solid #005ca2; 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: #005ca2; content: ''; }
.language-cont a:hover { color: #005ca2 !important;}
.pagehe .language span a { color:#666;}

.search-button{ display: inline-block; width:28px; position: relative; margin-right: 15px; }
.search-button span{ width: 28px; overflow: hidden; cursor: pointer; display: inline-block; color: #fff; }
.search-button span i{ font-size: 22px; text-align: center;display: inline-block; }
.searchform{ overflow: hidden;background:#005ca2;position: absolute; right: 0; height: 0; z-index: 88; top:63px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; width: auto; height: auto; background: transparent; border-radius: 0; }
.searchform input{ width: 190px; font-size: 15px; background:transparent; color: #fff; line-height:51px; padding-left:10px; font-family: calibri; float: left; }
.searchform button{ width:54px; line-height:51px; background:transparent; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform button i{ color: #fff !important; background: transparent!important; }
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}

#banner_home{ position: relative; }
.banner{ overflow: hidden; }
.banner .item{ position: relative; overflow: hidden; }
.banner .item img{ width: 100%; }
.ban_arrow{ width: 100%; position: absolute; top: 42%; left: 0;  }
.ban_arrow span{ display: inline-block; width: 60px; height: 60px; line-height: 60px; background:transparent; text-align: center; border-radius: 60px; cursor: pointer; position: absolute; top: 0; }
.ban_arrow span i{ color: #fff; font-size: 34px; font-weight: bold; }
.ban_prev{ left: 5%;}
.ban_next{ right: 5%; transform: rotate(180deg); }
.ban_arrow span:hover i{ color: #f57c00; }
.banner .slick-dots{ bottom: 110px; width: auto; left: 9.2%;  }
.banner .slick-dots li{ width: auto; height: auto; }
.banner .slick-dots li button{ padding: 0; width: 35px; height: 5px; background: rgba(255, 255, 255, 0.5); }
.banner .slick-dots li.slick-active button{ background: #fff; }
.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width:auto; transition: all 0.3s; }
.changpic .imgnbanner{width:100%;transition: all 0.3s; }


.cl{ clear: both; }
.pro_rel{ position: relative; }

/*标题*/
.inh2ti { font-size: 90px; line-height: 90px; font-family: OSWALD-BOLD; text-transform: uppercase; color:rgba(23,34,72,0.05);}
.intitle {font-size:54px;color:#222;font-weight:normal;/* letter-spacing: 15px; */position: relative;margin-top: -68px;}
.intitle span{float:right;}
.intitle span a{display: inline-block;color: #fff;background: #005ca2;padding-left: 10px;font-size: 14px;letter-spacing: 8px;height: 30px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;line-height: 30px;}
/*首页*/
.in_icodi{ padding: 72px 0; background:#005ca2; }
.incic_ul{ display: flex; }
.incic_ul li{ display: inline-block; width: 30%; margin-right: 5%; }
.incic_ul li:last-child{ margin-right: 0; }
.iculid{ transition: all 0.3s; color: #fff; position: relative; padding: 20px 0 12px 110px; }
.iculid p{ font-size: 16px;font-weight: bold;}
.iculid span{ margin-top: 18px; display: inline-block; font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height:24px; }
.iculid p a{ color: #fff; }
.icali{ position: absolute; padding-top: 32px; text-align: center; border-radius: 80px; font-size: 46px; background: linear-gradient(rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.15)); color: #fff; width: 80px; height: 100%; display: inline-block; top: 0; left: 0; }
.icali:hover{ color: #fff; }
.iculid:hover{ transform: translateY(6px); }

.inap{ overflow: hidden; }
.inap li{ float: left; border-right: 1px solid #fff; width: calc(16.05% - 1px); height: 703px; transition-duration: 1s; }
.inap li:last-child{ border-right: none; }
.inapit{ display: block; transform-style: preserve-3d; width: 100%; height: 100%; position: relative; background-size: auto 703px!important;
    background-repeat: no-repeat; color: #fff;  display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.inap li.on { width: 35%; background-position: 0 !important; display: block;}
.inapit:before{ content: ""; position: absolute; left: 0; bottom: 0; height: 100%;  width: 100%; background: rgba(0, 0, 0, 0.7); }
.inap li.on .inapit:before{ background:none; }
.iapt{ opacity: 0; position: absolute; color: #fff; width: 60%; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #005ca2; padding: 55px 42px; }
.iapt h3{ font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iapt p{ margin-top: 20px; font-size: 14px; line-height: 26px; height: 78px; overflow: hidden; }
.iapt span{ display: inline-block; font-size: 14px; margin-top: 30px; border-radius: 30px; padding: 9px 26px; color: #fff; background:rgba(255, 255, 255, 0.1); }
.iapt:hover span { background:#f57c00; color:#FFF;}
.inap li.on .iapt{ opacity: 1; }
.ina_icdi{ position: absolute; transition: all 0.3s; bottom: 38px; width: 100%; left: 0; text-align: center; }
.ina_icdi i{ font-size: 50px; }
.ina_icdi p{ font-size: 16px; font-weight:bold; margin-top: 14px; }
.inap li.on .ina_icdi{ opacity: 0; }

.inprhi{padding: 88px 30px 50px 170px;background: linear-gradient(#eef7ff,#fff);/*background:#f1f9ff;*/}
.ihopro{ display: flex; }
.iholef{ width: 400px; padding-top: 52px; }
.ihorig{ width: calc(100% - 360px); padding-left: 40px; padding-right: 50px; }
.iholef h5{ font-size: 22px; font-weight: normal; margin-top: 20px; line-height: 30px; font-family: calibrib; }
.ihivp{ margin-top: 52px; padding: 20px 0; }
.ihivp p{ line-height: 26px; color: #666; font-size:14px; }
.ihswi .item{ margin-left:10px;  margin-right: 10px; }
.ihswi2 .item{ margin-left:10px;  margin-right: 10px; }
.inpitem{ border-radius: 20px; overflow: hidden; background:#FFF; box-shadow:0 2px 12px rgba(183, 205, 220, 0.4); margin-bottom:20px; }
.inpitem a{ display: block; position: relative; }
.inptxi{  width: 100%; padding: 20px 40px 40px 40px; text-align:center; }
.inptxi h4 {font-size: 18px; font-weight:bold; position: relative; padding-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inptxi h4:before{    content: ""; position: absolute; bottom: 0; left: 42%; width: 10%; height: 3px; background: #ebebeb;}
.inptxi p{font-size: 14px;margin-top: 28px;line-height: 26px;color: #666;overflow: hidden;text-align: left;}
.inpitem:hover .changpic img{ transform: scale(1.15); }
.inpitem .changpic img{object-fit: cover;height: 100%;max-width: 100%;max-height: 335px;min-height: 335px;width: 100%;transition: all 0.3s;}



.inpitem:hover .pro_img img{ transform: scale(1.15); }
.inpitem .pro_img img{object-fit: cover;height: 100%;max-width: 100%; width: 90%; margin:0 5%;transition: all 0.3s;}


.iparr{margin-top: 40px;}
.iparr span{ display: inline-block; transition: all 0.3s; margin-right: 10px; cursor: pointer; width: 66px; height: 46px; text-align: center; line-height: 46px; background: #005ca2; color: #fff; }
.iparr span i{ display: inline-block; font-size: 20px; }
.ihs_prev i{ transform: rotate(180deg); }
.iparr span:hover{ background: #f57c00; border-radius: 25px; }
.iparr span:first-child{ border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.iparr span:last-child{ border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.index_pro_more{margin: 0 auto;width: 110px;margin-top: -7px;float: right;}
.index_pro_more a{display: inline-block;color: #fff;background: #005ca2;font-size: 14px;letter-spacing: 5px;height: 40px;border-radius: 30px;line-height: 40px;text-align: center;padding: 0 10px 0 20px;}



.iabci{ position: relative; z-index: 0; overflow: hidden; padding: 100px 0 120px; }
.iabci:before{ content: ''; position: absolute; top: 0; z-index: -1; left: 0; width: 100%; height: 100%; background: rgba(1,67,116,0.8); }
.iabci .module-bg{ bottom: 0; left: 0; z-index: -2; mix-blend-mode: screen; pointer-events: none; position: absolute; width: 100%;}
.iabtit{ padding-right: 300px; position: relative; }
.iabtit .itith2{ color: #fff; }
.iabtit a{ position: absolute; border-top-left-radius: 30px; border-bottom-left-radius: 30px; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; padding: 14px 38px; background: #f57c00; color: #fff; }
.iabtit a:hover{ color: #fff; border-radius: 30px; }
.iabcop{ margin-top: 56px; padding-right: 158px; }
.iabcop p{ line-height: 26px; color: #fff; }
.inabnu{ display: flex; border-top: 1px solid rgba(255, 255, 255, 0.25); justify-content: space-between; margin-top: 80px; padding-top: 60px; }
.inabnu li{ width: 22%; color: #fff; }
.inabnu li b{ font-size: 56px; font-weight: normal; font-family: FUTUBOLD; }
.inabnu li p{ line-height: 26px; margin-top: 6px;  }

.incasis{padding: 18px 0 90px;}
.icaiti{ position: relative; padding-right: 254px; }
.icarr{position: absolute;top: 70%;transform: translateY(-50%);right: 0;}
.icarr span{ display: inline-block; transition: all 0.3s; margin-right: 10px; cursor: pointer; width: 66px; height: 46px; text-align: center; line-height: 46px; background: #005ca2; color: #fff; }
.icarr span i{ display: inline-block; font-size: 20px; }
.ica_prev i{ transform: rotate(180deg); }
.icarr span:hover{ background: #f57c00; border-radius: 25px; }
.icarr span:first-child{ border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.icarr span:last-child{ border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.incaswi{ margin-top: 36px; }
.incaswi .item{ margin: 0 10px; }
.icitems .changpic{ border-radius: 20px; }
.icitxt{ margin-top: 40px; }
.icitxt h3{ font-size: 16px; margin-bottom: 24px; line-height: 28px; height: 28px;  font-weight:bold; /*font-family: calibrib;*/  overflow: hidden; }
.icitxt p{ line-height: 26px; color: #777; height: 78px; overflow: hidden; font-size:14px; }
.icitems b {  position: absolute; top: 20px; right: 20px; display: inline-block; font-size: 14px; padding: 8px 14px; color: #fff; background: rgba(0, 0, 0, 0.2); font-family:Arial; font-weight:normal;}
.icitxt span{ display: inline-block; margin-top: 48px; color: #666; font-size: 14px; font-family: calibrib; background: #f5f5f5; padding: 11px 30px; border-radius: 20px; }
.icitems:hover .changpic img{ transform: scale(1.15); }
.icitems:hover .icitxt span { background:#005ca2; color:#FFF;}

.inevei{ padding: 70px 0 96px; background: url(../images/ielebg.jpg) fixed center no-repeat; background-size: cover; }
.inevei .itith2{ color: #fff; }
.ivevul{ margin-top: 22px; display: flex; }
.ivevul li{ width: 23.5%; position: relative; overflow: hidden; text-align: center; margin-right: 2%; border-radius: 20px; background: #fff; padding: 60px 28px 66px; }
.ivevul li:before{ content: ""; position: absolute; transition: all 0.3s; width: 100%; left: 0; bottom: 0; height: 12px; background: #005ca2; }
.ivevul li:last-child{ margin-right: 0; }
.ivevul li i{ display: inline-block; transition: all 0.3s; width: 86px; font-size: 45px; height: 86px; line-height: 86px; border-radius: 86px; background: #005ca2; color: #fff; }
.ivevul li h4{ font-size: 26px; margin: 36px 0 22px; line-height: 26px; font-family: calibrib; font-weight: normal; }
.ivevul li p{ line-height: 24px; color: #777; }
.ivevul li:hover i{ background: #f57c00; }
.ivevul li:hover:before{ background: #f57c00; }

.innews{padding: 60px 0 60px; background:url(../images/news_bg.jpg) repeat; }
.innfex{ margin-top: 10px; display: flex; }
.inflef{ width: 560px; }
.ifbin{ box-shadow: 0 5px 20px rgba(206, 216, 238, 0.42); background: #fff; }
.ifbtxt{ padding: 32px 32px 45px; }
.ifbtxt h3{ font-size: 18px;  font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ifbtxt p{ line-height: 24px; height: 48px; overflow: hidden; color: #777; margin-top: 18px; }
.ifbtxt span{ display: inline-block; margin-top: 36px; color: #005ca2; font-size: 14px; font-family:Arial; }
.ifbtxt span b{ font-size: 20px; font-family:Arial; font-weight:bold; }
.ifbin:hover .changpic img{ transform: scale(1.15); }
.inflri{ width: calc(100% - 560px); padding-left: 40px; }
.inflri ul li { width:48%; height:auto; float:left; margin-bottom:4%; background:#FFF;}
.inflri ul li:nth-child(2n) { float:right;}
.inflri ul li .txt { padding:34px 35px 20px 35px; overflow:hidden;}
.inflri ul li .txt h4 { font-size:18px; color:#222; float:left;  line-height:35px; height:35px; margin-bottom:30px;     overflow: hidden; text-overflow: ellipsis;  /*white-space: nowrap;*/}
.inflri ul li .txt p { width:100%; line-height:28px; color:#666; height:auto; overflow:hidden; margin-bottom:25px;  float:left;}
.inflri ul li .txt .more { width:100%; height:auto; float:left; border-top:solid 1px #797979;}
.inflri ul li .txt .more span { font-size:14px; line-height:50px; color:#444; float:left;}
.inflri ul li .txt .more i { width:20px; height:20px; background:#005ca2; font-size:12px; color:#FFF; border-radius:50%; line-height: 20px;  text-align: center; display:inline-block; margin-top:15px; float:right;}
.inflri ul li:hover .txt{ background:#005ca2;}
.inflri ul li:hover .txt h4,.inflri ul li:hover .txt p,.inflri ul li:hover .txt .more span { color:#FFF;}
.inflri ul li:hover .txt .more i { background:#FFF; color:#005ca2;}
.inflri ul li:hover .txt .more {border-top:solid 1px #026bbb;}


.in_par { padding:70px 0 250px 0; overflow:hidden; background:url(../images/in_par_bg.png) no-repeat bottom;}
.in_par ul li { width:20%; height:auto; float:left; border-right:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; }
.in_par ul li:nth-child(5n){ border-right:none;}
.in_par ul li:nth-child(6),.in_par ul li:nth-child(7),.in_par ul li:nth-child(8),.in_par ul li:nth-child(9),.in_par ul li:nth-child(10){ border-bottom:none;}
.in_par ul li:hover .changpic img{ transform: scale(1.15); }


video{width: 60%;display: block;/* opacity: 0.6; */margin: 0 20%;height: 500px;}
footer{ background: #fff;}
.fo_top{ padding: 84px 0 80px; overflow: hidden; background: url(../images/fomebgs.jpg) no-repeat; background-size: cover; }
.fotolef .inh2ti { color:rgba(255,255,255,0.05);}
.fotolef .intitle { color:#FFF;}
.fotolef{ float: left; width: 50%; padding-right: 210px; }
.fotorig{ float: right; width: 50%; padding-left: 40px; }
.fotolef .itith2{ color: #fff; text-transform: uppercase; margin-bottom: 30px; }
.fotolef p{ line-height: 26px; color: rgba(255, 255, 255, 0.9); margin-top:40px; }
.fotolef a{ display: inline-block; margin-top: 50px; color: #fff; background: #f57c00; font-size: 14px; padding: 14px 24px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.fotolef a:hover{ transform: translateX(10px); border-radius: 30px; }

.fo_mfoul{ overflow: hidden; }
.fo_mfoul li{width: 49%; margin-right: 2%; margin-bottom: 15px; position: relative; float: left; overflow: hidden;}
.fo_mfoul li:nth-of-type(even){ margin-right: 0 !important; }
.fo_mfoul input,.fo_mfoul textarea{ font-family: calibri; width: 100%; resize: none; background:rgba(255, 255, 255, 0.1); font-size: 14px; color: #fff; border-radius: 0; padding:16px 14px; }
.fo_mfoul textarea{ height:80px; }
.fo_mfoul input::-webkit-input-placeholder,.fo_mfoul textarea::-webkit-input-placeholder { color: #fff;}
.fo_mfoul input:-moz-placeholder,.fo_mfoul textarea:-moz-placeholder {color: #fff;}
.fo_mfoul li:last-child, .fo_mfoul li:nth-of-type(5){ width: 100%; margin-right: 0; }
.fo_mfoul li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.fo_mfoul button{ cursor: pointer; display: block; border-top-right-radius: 25px; border-bottom-right-radius: 25px; color: #005ca2; transition: all 0.3s; width: 162px; height: 50px; border: none; font-size: 16px; background: #fff; font-weight:bold;  }
.fo_mfoul button:hover{ transform: translateX(10px); color: #fff; background: #f57c00; border-radius: 30px; }

.fotolo{ padding: 34px 0 10px; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.fotolo img{ float: left; margin-top: 10px; }
.media{ margin-top: 24px; float: right; }
.media a{ margin-right: 5px; text-align: center; border: 1px solid #ccc; display: inline-block; width: 40px; height: 40px; line-height: 38px; font-size: 20px; border-radius: 40px; color: #c4c4c4; }
.media a:hover{ color: #fff;}
.media a:hover:nth-of-type(1){ background: #017bb6; border: 1px solid #017bb6; }
.media a:hover:nth-of-type(2){ background: #237ef4; border: 1px solid #237ef4; }
.media a:hover:nth-of-type(3){ background: #1bb8ee; border: 1px solid #1bb8ee; }
.media a:hover:nth-of-type(4){ background: #cc1822; border: 1px solid #cc1822; }


.fo_nav{ width: 100%; display: flex; justify-content: space-between; margin-top: 45px; }
.f_item1{width: 30%;padding-right:4%;}
.f_item1 p{ line-height: 26px; color: #888; }

.foxlus{  }
.foxlus li{ margin-bottom: 15px; position: relative; padding-left: 24px; color: #888; }
.foxlus li i{ position: absolute; top: 2px; left: 0; color: #afafaf; font-size: 19px; }
.foxlus li:last-child{ margin-bottom: 0; }
.foxlus li a,.foxlus li span{ display: inline-block; margin-right: 22px; color: #888;   }
.foxlus li a:hover{ color: #005ca2; }
.foxlus li b{ font-weight: normal; }

.f_item2{width: 10%;}
.fo_nav h5{ margin-bottom: 28px; font-size: 20px; text-transform: uppercase; font-family: FUTUBOLD; }
.f_link li{ transition: all 0.3s; margin-bottom: 15px; }
.f_link li a{ color: #888; display: inline-block; }
.f_link li:hover a{ color: #005ca2; transform: translateX(5px);  }


.f_item3{ width: 18%; }
.f_item4{ width: 28%; }

.fob_cop{ border-top: 1px solid #f0f0f0; text-align: center; overflow: hidden; margin-top: 50px; padding: 24px 0; }
.fob_cop p{ color: rgba(119, 119, 119, 0.8);  }
.fob_cop p a{ color: rgba(119, 119, 119, 0.8); }
.fob_cop p a:hover{ text-decoration: underline; color:#005ca2; }

.l_fixed{ width: 80px; text-align: center; position: fixed; top: 20%; right: 0; z-index: 666;  }
.l_fixed ul li{ padding: 14px 10px; box-shadow: 0 5px 10px 0 rgb(150 86 0 / 13%); position: relative; background: #fff; }
.l_fixed ul li i{ color: #999; font-size: 24px; }
.l_fixed ul li p{ font-size: 12px; margin-top: 3px; color: #b1b0b0; }
.l_fixed ul li:hover i{ color: #f4ae01; }
.l_fixed ul li:last-child:before{ display: none; }
.l_fixed ul li:first-child{ padding-top: 30px; border-top-left-radius: 80px; border-top-right-radius: 80px; }
.l_fixed ul li:last-child{ padding-bottom: 30px; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; }
.gzh_img{ position: absolute; top: 80px; visibility: hidden; opacity: 0; right: 85px; transition: all 0.3s; width: 130px; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%); }
.l_fixed ul li:hover .gzh_img{ top: 0; opacity: 1; visibility: visible; }

.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:14px; 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: 20px;}
/*位置*/
.subbanner{ position: relative; margin-top: 100px; }
.sub_nav{ width: 100%; background: #f1f8ff; padding: 12px 0; }
.sub_nav p{ color: #777;  }
.sub_nav p i{ display: inline-block; margin-right: 5px; color: #005ca2; font-size: 20px; }
.sub_nav p a{ color: #777; }
.sub_nav p a:hover{ color: #005ca2; }
.pat80{ padding-top: 80px; }

/*产品*/
.prolwar{ padding-bottom: 98px; }
.prlulis li{ margin-bottom: 60px; }
.prlulis li:last-child{ margin-bottom: 0; }
.prlitems a{ width: 100%; display: block; position: relative; overflow: hidden; }
.prllef{ width: 48%; }
.prllef .changpic{ border-radius: 20px; }
.prlrig{ position: absolute; background: #fff; padding: 46px 50px 58px; border-radius: 20px; box-shadow: 0 0 12px rgba(159, 177, 195, 0.3); right: 12px; top: 50%; transform: translateY(-50%); width: 58%; }
.prlrig h3{ font-size: 22px; margin-bottom: 24px; font-weight:bold;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prlrig p{ line-height: 28px; color: #777; height: 140px; overflow: hidden; }
.prlrig span{ display: inline-block; transition: all 0.3s; margin-top: 38px; color: #fff; background: #005ca2;  padding: 14px 28px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.prlitems a:hover .prlrig span{ transform: translateX(10px); border-radius: 30px; }
.prlitems a:hover .changpic img{ transform: scale(1.15); }
.prlulis li:nth-of-type(even) .prllef{ float: right; }
.prlulis li:nth-of-type(even) .prlrig{ right: auto; left: 12px; }
/*关于我们*/
.abcoms{ display: flex; }
.abclef{ width: calc(100% - 330px); padding-left: 70px; }
.abcrig{ width: 330px; /*margin-top:100px;*/ }
.abclef .itith2{ font-size: 36px; line-height:52px; }
.actxp{ margin-top: 20px; }
.actxp p{ line-height: 26px; margin-bottom: 20px; color: #777; }
.actxp p:last-child{ margin-bottom: 0; }
.abruls li{ border-bottom: 1px solid #eaf0f6; position: relative; padding-bottom: 14px; margin-bottom: 50px; }
.abruls li:last-child{ margin-bottom: 0; }
.abruls li b{ font-size: 52px; color: #005ca2; font-weight: normal; font-family: FUTUBOLD; }
.abruls li p{ color: #777; }
.abruls li i{ position: absolute; top: 22px; font-size: 32px; right: 0; color: #c5d1da; }

.abcul { display: flex; background:url(../images/ab_cul_bg.jpg) repeat-y; margin-top:90px; padding:50px 0;}
.icvuls{ display: flex; justify-content: space-between; }
/*.icvuls li:nth-of-type(1),.icvuls li:nth-of-type(2){ width: 19%; }*/
.icvuls li{ width: 25%; color: #fff; text-align: center; padding:0 2%; }
.icvuls li i{ display: inline-block; width: 86px; font-size: 40px; height: 86px; line-height: 86px; text-align: center; background: #fff; border-radius: 86px; color:#005ca2; }
.icvuls li h4{ font-size: 18px; margin: 20px 0 20px; }
.icvuls li p{ font-size: 14px; line-height: 24px; }

.abpic { display:flex; padding:90px 0 60px 0;}
.faculs{ display: flex; flex-wrap: wrap; }
.faculs li{ width: 32%; margin-right: 2%; margin-bottom:2%; }
.faculs li:nth-of-type(3n){ margin-right: 0; }
.faculs li:hover .changpic img{ transform: scale(1.15); }


.hhgj {display:flex; padding:90px 0 90px 0;}
.hhgj img { width:100%; height:auto;}
.hhgj p { width:100%; line-height:24px; color:#666; margin-top:15px; text-align:center;}


.abthqh{ padding: 94px 0 280px; position: relative; margin-top: 98px; background: url(../images/abnaiv.jpg) no-repeat; background-size: cover; }
.abiwite{ color: #fff; text-align: center; padding: 0 6%; }
.abiwite .itith2{ margin-bottom: 34px; }
.abiwite p{ line-height: 26px; }
.abtwzs .item{ display: none; }
.abtwzs .item.on{ display: block; }
.abbivs{ position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.4); }
.abkavs{ display: flex; }
.abkavs li{ width: 33.333%; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.4); padding: 58px 0; }
.abkavs li i{ font-size: 52px; display: inline-block; margin-right: 10px; }
.abkavs li span{ font-size: 24px; font-family: calibrib; }
.abkavs li.on{ background: #f57c00; }
.abkavs li:first-child{ border-left: 1px solid rgba(255, 255, 255, 0.4); }

.abdect{ padding: 98px 0 86px; }
.abdeivs{ display: flex; align-items: center; }
.abdilef{ width: 50%; }
.abdirig{ width: 50%; padding-left: 76px; }
.arico{ position: relative; }
.arico .changpic{ border-radius: 20px; }
.arico:before{ content: ""; width: 115px; height: 96px; background: #005ca2; position: absolute; top: -25px; right: -28px; }

.abequi{ background: #f7fafd; padding: 72px 172px 72px 22px; }
.auibox{ display: flex; }
.aquilef{ width: 58%; }
.aquirig{ width: 42%; }

.abhors{ padding:70px 0 90px 0; position: relative; z-index: 0; }
.abhors:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 463px; background: url(../images/ohobgs.jpg) no-repeat; background-size: cover; }
.ahtis{ color: #fff; text-align: center; }
.ahtis p{ margin-top: 16px; }
.abhors .inh2ti { color:rgba(255,255,255,0.05)}
.abhors .intitle { color:#FFF;}

#featured-area2{ width:100%; margin:30px auto 0; position: relative;}
#featured-area2 .roundabout-holder{ width:1300px; height: 550px; margin:0px auto;}
#featured-area2 .roundabout-moveable-item{font-size:12px!important;height:auto; width:397px; cursor:pointer;}
#featured-area2 .roundabout-moveable-item img{width:100%;margin:0; opacity: 1; box-shadow: 0 5px 20px rgba(113, 127, 141, 0.22); transition: all 0.3s; }
#featured-area2 .roundabout-in-focus{cursor:auto;}
.hor_r_btn,.hor_l_btn{ transition: all 0.3s;  color: #adadad; cursor: pointer; position: absolute; top: 50%; z-index: 555; }
.hor_r_btn i,.hor_l_btn i{ font-size: 40px; font-weight: bold; }
.hor_l_btn{ transform: rotate(180deg); left: 9px;  }
.hor_r_btn{ right: 23px; }
.hor_l_btn:hover,.hor_r_btn:hover{ color: #005ca2; }

.abaivs{ padding: 65px 0 94px; }
.abivpiv{ margin-top: 32px; display: flex; align-items: center; }
.abivlef{ width: 50%; padding-right: 38px; }
.abivrig{ width: 50%; padding-left: 56px; }
.aivuls li{ border-bottom: 1px solid #eaf0f6; padding-bottom: 18px; margin-bottom: 44px; }
.aivuls li:last-child{ margin-bottom: 0; }
.aivuls li h6{ font-size: 22px; font-weight: normal; font-family: calibrib; margin-bottom: 10px; }
.aivuls li p{ line-height: 26px; color: #777; }
.aivsi{ position: relative; }
.aivsgs .changpic{ border-radius: 20px; }
.aiarr{ position: absolute; top: 46%; left: 0; width: 100%; }
.aiarr span{ cursor: pointer; position: absolute; top: 0; }
.aiarr span i{ font-size: 26px; color: #fff; display: inline-block; }
.aiv_prev{ left: 12px; }
.aiv_next{ right: 12px; }
.aiv_prev i{ transform: rotate(180deg); }
.aiarr span:hover i{ color: #f57c00; }

.absero{ padding: 60px 0 100px; background: url(../images/orserbg.jpg) no-repeat; background-size: cover; }
.absero .inh2ti { text-align: center; }
.absero .intitle { text-align: center; }
.aerul{ margin-top: 22px; display: flex; }
.aerul li{ width: 32%; position: relative; box-shadow: 0 0 20px rgba(0, 92, 162, 0.13); overflow: hidden; text-align: center; margin-right: 2%; border-radius: 20px; background: #fff; padding: 60px 28px 66px; }
.aerul li:before{ content: ""; position: absolute; transition: all 0.3s; width: 100%; left: 0; bottom: 0; height: 10px; background: #005ca2; }
.aerul li:last-child{ margin-right: 0; }
.aerul li i{ display: inline-block; transition: all 0.3s; width: 86px; font-size: 45px; height: 86px; line-height: 86px; border-radius: 86px; background: #005ca2; color: #fff; }
.aerul li h4{ font-size: 22px; margin: 36px 0 22px; line-height: 26px;}
.aerul li p{ line-height: 24px; color: #777; }
.aerul li:hover i{ background: #f57c00; }
.aerul li:hover:before{ background: #f57c00; }
/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #888; line-height:30px; }
.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #c81f21; color: #fff; text-transform: uppercase; }
.no_fun a:hover{ transform: translateY(5px); }
.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
    display: block !important;
    margin: 0 auto!important;
}
.wpcf7-response-output,.wpcf7-validation-errors {display: none !important;}
span.wpcf7-not-valid-tip {display: none;}
.screen-reader-response {display: none !important;}

/*video*/
.vidouls{ display: flex; flex-wrap: wrap; }
.vidouls li{ width: 32%; margin-right: 2%; margin-bottom: 2%; }
.vidouls li:nth-of-type(3n){ margin-right: 0; }
.viitem{ cursor: pointer; }
.viips{ position: relative; }
.viips .changpic{ background: #000; }
.viips .changpic img{ opacity: 0.5; }
.viips i{ position: absolute; color: #d23d2d; font-size: 18px; display: inline-block; width: 58px; height: 58px; border-radius: 58px; line-height: 58px; text-align: center; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.viips i:after{ width: 82px; height: 82px; content: ""; border-radius: 82px; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.vipvs{ margin-top: 20px; }
.vipvs p{ text-align: center; font-family: MontserratSemiBold; }
.viitem:hover .changpic img{ transform: scale(1.15); }
.vidouls li:hover .vipvs p { color:#005ca2;}
/*产品列表*/
.pat80{padding-top: 50px;}
.prowar{ padding-bottom: 90px; }
.prwivs{ display: flex; }
.prwlef{ width: 330px; }
.prwrig{ width: calc(100% - 330px); padding-left: 34px; }
.pronav{ box-shadow: 0 0 7px rgba(59, 59, 59, 0.1); }
.pronav h3,.prczlv h3{ background:#005ca2; padding: 18px 24px; font-weight: normal; text-transform: uppercase; color: #fff; font-size: 24px; font-family: calibrib; }
.pronav h3 a{ display: none; }
.accordion li{ margin-bottom: 6px; }
.accordion { width: 100%; background: #fff; }
.accordion .links { background: #f7fbfe; cursor: pointer; display: block;  position: relative; padding: 15px 30px 15px 20px; }
.accordion .links:before{ color: #9d9d9d; font-family: iconfont; font-weight: bold; content: "\e669"; font-size: 14px; position: absolute; top: 22px; right: 16px; }
.accordion .links.active:before{ transform: rotate(270deg); color: #9d9d9d; }
.accordion .links a{ font-size: 16px; font-weight:bold; color: #333; line-height: 30px; display: inline-block; position: relative;  }
.accordion .links.active a{ color: #333; }
.accordion .links.active{ background: #f7fbfe; }
.submenu{ display: none; overflow: hidden; }
.supiv{  }
.supiv p{ border-bottom: 1px solid #f7f7f7; }
.supiv p:last-child{ border-bottom: none; }
.supiv p a{ display: block; width: 100%; padding: 12px 20px; font-size: 14px; color: #666; }
.supiv p:hover a{ color: #005ca2; }
.accordion li ul.active{display: block}
.submenu li.on div{ display: block; }
.submenu.on{ display: block; }

.prczlv{ margin-top: 34px; box-shadow: 0 0 7px rgba(59, 59, 59, 0.1); }
.prcat{ padding: 26px 20px 28px; background: #fff; }
.prcauls li{ margin-bottom: 16px; color: #666; }
.prcauls li:last-child{ margin-bottom: 0; }
.prcauls li a{ font-size: 16px; color: #666; margin-left: 10px; font-family:Arial; }
.prcauls li a:hover{ color: #f57c00; }
.prcauls li span{ color: #999; }

.prlist{ display: flex; flex-wrap: wrap; }
.prlist li{ width: 32%; margin-right: 2%; margin-bottom: 2%; }
.prlist li:nth-of-type(3n){ margin-right: 0; }
.ipoites{ background: #f9f9f9; position: relative; text-align: center; border: 1px solid #eee; }
.ipoites:before{ content: ""; position: absolute; bottom: 0; left: 0; transition: all 0.3s; width: 100%; height: 5px; background: #e9e9e9; }
.ipotxt{ padding: 30px 34px 47px; }
.ipotxt h3{ font-size: 16px; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ipotxt p{ font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; }
.ipotxt span{ display: inline-block; transition: all 0.3s; margin-top: 22px; font-size: 14px; color: #666;  background: #e9e9e9; width: 140px; height: 40px; border-radius: 40px; line-height: 40px; }
.ipoites:hover:before{ background: #005ca2; }
.ipoites:hover .ipotxt span{ background: #005ca2; color: #fff; }
.ipoites:hover .changpic img{ transform: scale(1.15); }



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

/*分页 结束*/
.digg4{ text-align:center; margin-top:55px; }
/*.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{ border: 1px solid #c5c3c3; width:34px; text-align: center; font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle;  height:34px; line-height: 32px; color:#fff; text-decoration:none; margin:0 5px; font-family:Arial;}*/
/*.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; border: 1px solid #f57c00; background:#f57c00; }*/
/*.digg4 span.disabled { font-weight: normal; color: #222;}*/
/*.digg4 a{color: #666;  }*/

.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background: #005ca2;color:#fff;border: 1px solid #005ca2;}

.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom
}

.pagination li {
    display: inline-block!important;
    border: solid 1px #EBEBEB;
    border-radius: 4px;
    margin-bottom:10px;
}

.pagination a {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {
    cursor: not-allowed;
    pointer-events: none;
    color: #EBEBEB
}

.pagination .active {
    pointer-events: none
}

.pagination .active,.pagination a:hover {
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pagination-group {
    border-right: solid 1px #EBEBEB;
    border-radius: 4px
}

.pagination-group li {
    float: left;
    border-right: 0;
    border-radius: 0
}

.pagination-group li:not(:first-child):not(:last-child) {
    border-radius: 0
}

.pagination-group li:first-child {
    border-radius: 4px 0 0 4px
}

.pagination-group li:last-child {
    border-radius: 0 4px 4px 0
}

.pagination-group .active,.pagination-group a:hover {
    background: #f5f5f5;
    border-radius: 0
}

.pagination-big a {
    padding: 10px 16px;
    font-size: 16px
}

.pagination-small a {
    padding: 5px 10px;
    font-size: 12px
}

.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {
    color: #fff
}

.pager {
    list-style: none;
    padding: 0;
    text-align: center;
    clear: both
}

.pager li {
    display: inline-block
}

.pager li a {
    color: #333;
    border: solid 1px #EBEBEB;
    border-radius: 15px;
    padding: 5px 15px;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pager li a:hover {
    background-color: #f5f5f5;
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {
    font-size: 36px;
    padding: 0;
    color: #FFF;
    background-color: rgba(255,255,255,.3);
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.pager-prev:hover,.pager-next:hover {
    background-color: rgba(0,0,0,.6)
}

.pager-group li {
    float: left;
    display: inline-block
}

.pager-group li:not(:first-child):not(:last-child) {
    border-radius: 0
}

.pager-group li a:first-child {
    border-radius: 4px 0 0 4px
}

.pager-group li a:last-child {
    border-radius: 0 4px 4px 0
}

.pointer {
    padding: 0
}

.pointer li {
    border: solid 1px #EBEBEB;
    width: 10px;
    height: 10px;
    margin: 1px;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer
}

.pointer .active {
    border: 0;
    background: #EBEBEB;
    width: 12px;
    height: 12px;
    margin: 0
}
/*产品详情*/
.dewarp{/* margin-top: 100px; */}
.demivs{ padding: 72px 0 74px; background: linear-gradient(#f1f8ff,#fff); }
.dewaiv{ display: flex; }
.dewlefs{ width: 658px; }
.dewrigs{ width: calc(100% - 658px); padding-left: 50px; padding-top: 12px; }
.deswm{ position: relative; border-radius: 20px; overflow: hidden; box-shadow:0 2px 12px rgba(183, 205, 220, 0.4); }
.dearr{ position: absolute; top: 42%; width: 100%; left: 0; }
.dearr span{ width: 50px; position: absolute; top: 0; display: inline-block; background: #005ca2; height: 50px; cursor: pointer; line-height: 50px; text-align: center; color: #fff; }
.dearr span i{ font-size: 24px; display: inline-block; }
.den_prev{ left: 0; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.den_next{ right: 0; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.den_prev i{ transform: rotate(180deg); }
.dearr span:hover{ background: #f57c00; }
.dewrigs h1{ font-size: 30px; font-weight:bold; font-family: calibrib; margin-bottom: 14px; }
.dedltx dd{ padding: 18px 0; border-bottom: 1px solid #e6eef4; color: #777; }
.dedltx dd b{ color: #005ca2; font-size: 20px; font-weight: normal; font-family: calibrib; }
.dewrigs p{ margin-top: 28px; line-height: 28px; color: #777; }
.jcbtns{ margin-top: 50px; }
.jcbtns a{ display: inline-block; color: #fff; background: #f57c00; padding: 14px 45px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.jcbtns a:last-child{ background: #005ca2; margin-left: 20px; color: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.jcbtns a:hover{ color: #fff; border-radius: 30px; background: #f57c00; transform: translateX(10px); }
.jcbtns a i{ margin-left: 5px; font-size: 20px; }

.denaivs{ background: #f1f8ff; padding: 15px 0; }
.denaivs p{ color: #777;  }
.denaivs p i{ display: inline-block; margin-right: 5px; color: #005ca2; font-size: 20px; }
.denaivs p a{ color: #777; }
.denaivs p a:hover{ color: #005ca2; }

.deelivs{ padding-top: 56px; }
.dhtis2{ font-size: 36px; font-family: FUTUBOLD; font-weight: normal; margin-bottom: 20px; }
.depivs p{ line-height: 26px; color: #777; }
.defouvs{ display: flex; margin-top: 26px; }
.defouvs li{ width: 24%; margin-right: 1.4%; }
.defouvs li:last-child{ margin-right: 0; }
.defitvs .changpic{ padding: 10px; box-shadow: 0 0 20px rgba(159, 177, 195, 0.22); }
.dftis{ margin-top: 30px; }
.dftis h3{ font-size: 26px; font-weight: normal; margin-bottom: 12px; font-family: calibrib; }
.dftis p{ line-height: 26px; color: #777; }

.detaivb{ padding-top: 60px; }
.tepata{ overflow-x: auto; width: 100%; }
.tepata table{ width: 100%; border-collapse: collapse;  }
.tepata table td{ border: 1px solid #cfd9e0; color: #666; text-align: center; padding:15px 10px; }
.tepata table tr:first-child td{ font-weight: normal; font-size: 20px; font-family: calibrib; background: #005ca2; color: #fff; }
.tepata table tr:nth-of-type(even) td{ background: #f7fafd; }

.deadv{ background: #f7fafd; margin-top: 62px; padding: 52px 0; }
.davuls{ display: flex; flex-wrap: wrap; }
.davuls li{ width: 32%; margin-bottom: 20px; margin-right: 2%; }
.davuls li:nth-of-type(3n){ margin-right: 0; }
.davitem{ position: relative; padding-top: 28px; }
.davitem i{ display: inline-block; width: 81px; position: absolute; top: 0; left: 50%; transition: all 0.3s; transform: translateX(-50%); }
.davist{ border: 1px solid #dee8f0; text-align: center; background: #fff; padding: 96px 36px 40px; }
.davist h4{ font-size: 24px; font-family: calibrib; font-weight: normal; margin-bottom: 14px; }
.davist p{ line-height: 28px; color: #777; }
.davitem:hover i{ top: 15px; }

.demeiv{ padding: 0 0 85px; }
.quiry_info{ overflow: hidden; margin-top: 18px; }
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{ width: 49.2%; float: left; margin-bottom: 24px; position: relative; }
.quiry_info ul li:nth-of-type(2){ float: right; }
.quiry_info li font{ position: absolute; color: red; top: 15px; left: 8px; }
.quiry_info li p span{ color: #c21a29; }
.quiry_info ul li:nth-of-type(3),.quiry_info ul li:nth-of-type(4),.quiry_info ul li:nth-of-type(5){ width: 100%; }
.quiry_info ul li:last-child{ margin-bottom: 0; }
.quiry_info input,.quiry_info textarea{width: 100%; border: 1px solid #e4e4e4; color: #333; resize: none; font-family:calibri; background:#fff; border-radius: 5px;  font-size:14px; line-height: 26px; padding:12px 20px; }
.quiry_info textarea{height: 195px;}
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #777;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #777;}
.quiry_info button{ transition:all 0.3s; display: block; border: none; width: 170px; border-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 30px; font-family:calibrib; font-size: 16px; cursor: pointer; background:#f57c00; color: #fff; height: 52px; }
.quiry_info button:hover{ transform: translateX(10px); border-radius: 30px; }
.quiry_info button i{ font-size: 16px; margin-left: 5px; }

/*case*/
.caswar{ padding-bottom: 90px; }
.calist{ display: flex; flex-wrap: wrap; }
.calist li{ width: 32%; margin-bottom: 62px; margin-right: 2%; position:relative; }
.calist li:nth-of-type(3n){ margin-right: 0; }

/*news*/
.neslist li{ margin-bottom: 38px; padding-bottom: 38px; border-bottom: 1px solid #d6dce5; }
.nesitem a{ display: flex; width: 100%; align-items: center; }
.nesilef{ width: 346px; }
.nesirig{ width: calc(100% - 346px); padding-left: 36px; }
.nesilef .changpic{ border-radius: 20px; }
.nesirig h3{ font-size:18px; margin-bottom: 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nesirig p{ line-height: 24px; height: 72px; overflow: hidden; color: #888; }
.nesirig span{ display: inline-block; transition: all 0.3s; padding: 10px 22px; border-radius: 5px; border: 1px solid #d8e3ec; margin-top: 34px; font-family: calibrib; }
.nesitem:hover .changpic img{ transform: scale(1.15); }
.nesitem:hover .nesirig span{ transform: translateX(10px); background: #005ca2; border: 1px solid #005ca2; color: #fff; }

.infocon{}
.infocon h1{font-size:30px; font-weight: normal; font-family: calibrib; text-align: center; margin-bottom: 20px; }
.infocon h2{font-size:24px; font-weight:bold; text-align: center; margin-bottom: 20px;  background:#f7f7f7; padding:12px; }
.infocon img{ width: auto; display: inline-block; margin: 10px 0; max-width: 100%; }
.infocon .time{ text-align: center; margin-bottom:30px;  }

.rezpbox{ overflow-x: auto; }
.rezpbox table{ width: 100%; background: #f9f9f9; border-collapse: collapse; }
.rezpbox table td{ border: 1px solid #e0e0e0; font-size: 14px; text-align: center; padding:16px 10px; }
.rezpbox table tr:hover{ background: #eee; }
.rezpbox table tr:first-child td{ font-weight: bold; font-size: 18px; color: #fff; background: #005ca2; }
.rezpbox table td a:hover { text-decoration:underline;}

.infocon .other{ border-top: 1px solid #dbdbdb; padding-top:30px; margin-top:30px;}
.infocon .other div{ padding:5px 0;}
.infocon .other div b{ text-transform: uppercase; font-weight: normal; }
.infocon .other a:hover{ color: #005ca2; }
.infocon p{line-height:28px; margin-bottom: 18px; color:#777; }
.infocon p strong { font-weight:bold; color:#333; font-size:16px;}

/*
pages
 */

/*contact*/
.conmess{ display: flex; }
.comlef{ width: 585px; }
.comrig{ width: calc(100% - 585px); padding-left: 56px; padding-top: 26px; }
.cimbo{ background: #005ca2; border-radius: 20px; color: #fff; padding: 44px 56px 50px; }
.cimtx h2{ font-size: 28px; font-family: calibrib; font-weight:bold; }
.cimtx p{ margin-top: 8px; }
.coiulst{ margin-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.coiulst li{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 24px 0; }
.coiutem{ position: relative; padding-left: 36px; }
.coiutem i{ position: absolute; top: 0; left: 0; font-size: 26px; }
.coiutem p{ font-family: calibrib; margin-bottom: 4px; }
.coiutem a{ color: #fff; }
.coiutem a:hover{ text-decoration: underline; }
.fmedia{ margin-top: 20px;  }
.fmedia a{ margin-right: 25px; display: inline-block;  font-size: 22px; color: #fff; }
.fmedia a:hover{ color: #f57c00;}
.comrig p{ line-height: 26px; color: #777; }

.cocust{ background: #f7fafd; margin-top: 80px; padding: 90px 0 70px; }
.cocuivs{ display: flex; }
.cocivlef{ width: 40%; }
.cocivrig{ width: 60%; }
.coch2t{ font-size: 52px; width: 266px; padding-bottom: 25px; position: relative; font-weight: normal; line-height: 56px; font-family: FUTUBOLD; }
.coch2t:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: #f57c00; }
.ivcptx{ margin-top: 50px; }
.ivcptx p{ line-height: 28px; color: #666; }
.coimap{ position: relative; }
.coimap .ivbtn{ position: absolute; top: 12%; right: 24%; }
.coimap .ivbtn:before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 328px; height: 328px; border-radius: 328px; border: 1px solid rgba(230, 0, 19, 0.3); }
.coimap .ivbtn:after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 424px; height: 424px; border-radius: 424px; border: 1px solid rgba(230, 0, 19, 0.15); }
.coimap .ivbtn a.fancybox{ padding-left: 0; text-align: center;  }
.ivbtn{ display: inline-block; margin-top: 70px; }
.ivbtn a.fancybox { display: inline-block; padding-left: 18px;
    background: #da0618; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; position: relative; z-index: 33; }
.ivbtn i{ font-size: 20px; color: #fff; }
.ivbtn a:hover.fancybox { opacity: 0.85; }
.ripple, .ripple:before, .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 0 0 rgba(217,16,16,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 55px rgba(228,145,16,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(228,145,16,0)
    }
}
@media screen and (max-width: 1680px){
    .head_rcon{ right: 0; }
}

@media screen and (max-width: 1600px){
    .warper{ width: 90%; }
    nav li{ margin: 0 15px; }
    .inprhi{ padding: 88px 30px 95px 7%; }
    .itith2{ font-size: 45px; }
    .iholef{ padding-top: 0; }
    .ihivp{ margin-top: 26px; }
    .iparr{ margin-top: 78px; }
    .inabnu li b{ font-size: 50px; }
    .inklef{ padding-top: 90px; }
    .prlrig h3{ margin-bottom: 12px; }
    .icitxt{ margin-top: 20px; }
    .icitxt h3{ margin-bottom: 18px; }
    .icitxt span{ margin-top: 25px; }
    .abclef{ padding-right: 80px; }
    .inh2ti{ font-size:84px;}
    .intitle { font-size:46px;}
    .inflri ul li .txt p{ height:84px; margin-bottom: 28px;}
    .in_par{ padding:60px 0 250px 0;}

}

@media screen and (max-width: 1440px){
    .logo{ left: -40px; }
    .head_rcon{ right: -60px; }
    .inh2ti { font-size:76px;}
    .intitle{ font-size:42px; margin-top: -60px;}
    .inptxi p { height:84px; overflow:hidden; margin-top:20px;}
    .inptxi{ padding:20px 40px 30px 40px;}
    .inptxi h4:before{ width:15%;}
    nav{ margin-right: 60px; }
    .language {top: 0px;}
    .inprhi{ padding: 68px 30px 60px 5%; }
    .iapt { width:70%;}
    .incaswi {  margin-top:25px;}
    .in_par{ padding:60px 0 100px 0;}
    .media{ margin-top:15px;}
    .iholef h5{ margin-top: 10px; }
    .ihivp p{ line-height: 26px; }
    .iparr{ margin-top: 46px; }
    .ihorig{ padding-left: 30px; }
    .inpitem{ border-radius: 12px; }
    .ihswi .item{ margin-left: 12px; }
    .ihswi2 .item{ margin-left: 12px; }
    .iabci{ padding: 70px 0 90px; }
    .iabcop{ padding-right: 100px; margin-top: 35px; }
    .inabnu{ margin-top: 46px; padding-top: 35px; }
    .inabnu li b{ font-size: 42px; }
    .itith2{ font-size: 40px; }
    .incasis,.inevei,.inneko{ padding: 62px 0 80px; }
    .ivevul li{ padding: 35px 15px 40px; }
    .ivevul li h4{ font-size: 22px; margin: 15px 0; }
    .ivevul li i{ width: 65px; height: 65px; line-height: 65px; font-size: 30px; }
    .inklef span{ margin-top: 12px; }
    .inklef{ padding-right: 35px; }
    .fo_top{ padding: 70px 0; }
    .fo_nav h5{ margin-bottom: 12px; font-size:18px;}
    .f_link li,.foxlus li{ margin-bottom: 8px; }
    .fob_cop{ padding: 18px 0; margin-top: 35px; }
    .l_fixed ul li{ padding: 10px; }
    .prlrig{ padding: 30px; }
    .prlrig h3{ font-size: 20px; }
    .hhgj{ padding:70px 0 70px 0;}
    .infocon h1{ font-size:26px;}
    .pat80{ padding-top:70px;}
    .caswar{ padding-bottom:70px;}
    .cimtx h2 { font-size:26px;}
    .prlrig span{ margin-top: 16px; }
    .prlulis li{ margin-bottom: 40px; }
    .pat80{ padding-top: 50px; }
    .demivs{ padding: 60px 0; }
    .dedltx dd{ padding: 12px 0; }
    .dewrigs p{ margin-top: 12px; }
    .dhtis2{ font-size: 28px; }
    .dftis h3{ font-size: 22px; }
    .dftis{ margin-top: 12px; }
    .calist li{ margin-bottom: 45px; }
    nav dl{ padding: 20px; }
    nav dl dd{ margin-bottom: 10px; }
    .abclef .itith2{ font-size: 28px; line-height:40px; }
    .abruls li { padding-bottom:22px;}
    .abcul { padding:40px 0;}
    .pronav h3, .prczlv h3{ font-size:22px;}
    .abpic{ padding:60px 0 50px 0;}
    .abruls li b{ font-size: 48px; }
    .abclef{ padding-right: 40px; width:75%; }
    .abcrig{ width:25%; /*margin-top: 70px;*/}
    .abthqh{ margin-top: 55px; }
    .abiwite{ padding: 0; }
    .abiwite .itith2{ margin-bottom: 20px; }
    .abdect{ padding: 65px 0; }
    .abequi{ padding: 72px 7% 72px 22px; }
    .ahtis .itith2{ font-size: 50px; }
    .abhors{ padding-top: 45px; }
    .abhors:before{ height: 382px; }
    #featured-area2 .roundabout-holder{ width: 1100px; }
    .hor_l_btn{ left: -48px; }
    .hor_r_btn{ right: -33px; }
    .quiry_info li{ margin-bottom: 16px; }
    .cocust{ margin-top: 58px; }
    .coch2t{ font-size: 44px; }
    .ivcptx{ margin-top: 26px; }
    .digg4{ margin-top:45px;}
    .prowar{ padding-bottom:80px;}


}


@media screen and (max-width: 1366px){
    .inklef{ padding-top: 74px; }
    .fotolef{ padding-right: 80px; }
    .fo_top{ padding: 62px 0; }
    .f_item2{ width: 8%; }
    .pronav h3, .prczlv h3{ padding: 16px 20px; font-size: 20px; font-weight:bold; }
    .prwlef{ width: 280px; }
    .prwrig{ width: calc(100% - 280px); }
    .privlef{ width: 288px; }
    .privrig{ width: calc(100% - 288px); }
    .privrig span{ margin-top: 25px; }
    .prowar{ padding-bottom: 65px; }
    .demivs{ padding: 50px 0; }
    .tepata table td{ padding: 10px 5px; }
    .davist{ padding: 66px 24px 34px; }
    .davist p{ line-height: 25px; }
    .demeiv{ padding: 50px 0 70px; }
    .icitems .changpic{ border-radius: 10px; }
    .abthqh{ padding: 55px 0 180px; }
    .abkavs li{ padding: 28px 0; }
    .abkavs li i{ font-size: 36px; }
    .aivuls li{ margin-bottom: 18px; }
    .abivrig{ padding-left: 0; }
    .aerul li h4{ font-size: 24px; margin: 18px 0; }
    .aerul li{ padding: 36px 22px 46px; }
    .absero{ padding: 50px 0 70px; }
    .rezpbox table tr:first-child td{ font-size:16px;}
    .cimtx h2 { font-size:24px;}
    .coch2t{ font-size:40px;}
    .abclef .itith2 { font-size:26px;}
    .icvuls li h4 { font-size:16px;}
    .inh2ti{ font-size:72px;}
    .intitle { font-size:38px;}
    .aerul li h4 { font-size:20px;}
    .iculid span{ height:48px; overflow:hidden;}
    .icali{ font-size:40px; padding-top:40px;}
    .in_icodi{ padding:50px 0;}
    .iapt span{ margin-top:20px;}
    .f_item1{ width:27%; padding-right:0;}
    nav li{margin: 0 10px;}



}

@media screen and (max-width: 1280px){
    .warper{ width: 92%; }
    nav li{ margin: 0 10px; }
    .itith2{ font-size: 34px; }
    .ihivp{ margin-top: 18px; padding: 15px 0; }
    .ihorig{ padding-left: 14px; }
    .inptxi{ padding: 50px 10px 24px; }
    .inabnu li b{ font-size: 30px; }
    .iabci{ padding: 58px 0; }
    .insrr{ bottom: 20px; }
    .prlrig p{ height: 112px; }
    .privrig h3{ font-size: 25px; }
    .pat80{ padding-top: 40px; }
    .dewlefs{ width: 600px; }
    .dewrigs{ width: calc(100% - 600px); padding: 0 0 0 35px; }
    .dftis h3{ font-size: 20px; margin-bottom: 8px; }
    .neslist li{ margin-bottom: 30px; padding-bottom: 30px; }
    .infocon .time{ margin-bottom: 20px; }
    .abclef .itith2{ font-size: 26px; line-height:35px; }
    .actxp{ margin-top: 12px; }
    .actxp p{ margin-bottom: 12px; }
    #featured-area2 .roundabout-holder{ width: 900px; height: 460px; }
    #featured-area2 .roundabout-moveable-item{ width: 320px; }
    .hor_r_btn i, .hor_l_btn i{ font-size: 34px; }
    .hor_l_btn{ left: 3px; }
    .hor_r_btn{ right: 12px; }
    .aerul li i{ width: 70px; height: 70px; line-height: 70px; font-size: 32px; }
    .comrig{ padding-left: 30px; }
    .head_rcon {right:-60px;}
    .in_icodi{ padding:40px 0;}
    .iculid span{ margin-top:10px;}
    .inh2ti{ font-size:62px;}
    .intitle{ font-size:34px;}
    .inptxi p{ height:52px;}
    .iapt{ width:80%;}
    .ifbtxt{ padding:32px 32px 40px;}
    .innews{ padding:60px 0 50px;}
    .in_par{ padding:50px 0 90px 0;}
    .abcul{ margin-top:60px;}
    .abhors{ padding:70px 0 70px 0;}
    .dewrigs h1{ font-size:24px; margin-top:15px;}
    .infocon h2{ font-size:22px;}
    .hhgj{ padding:70px 0 40px 0;}
    .cimtx h2{ font-size:22px;}
    .coch2t{ font-size:36px; padding-bottom:20px;}
    .abcrig { /*margin-top:47px;*/}




}

@media screen and (max-width: 1188px){
    #banner_home,.subbanner,.dewarp{ margin-top: 62px; }
    .dis{ display:none; }
    .undis{ display: block; }
    #nav .nav-button{display: block; top: -49px; right: 0; }
    header,.position{ height: 62px; background: #fff; }
    .logo img,.position .logo img{ height:44px; width: auto; margin-top:2px; }
    .logo{ top: 8px; left: 0; }
    .warper{ width: 94%; }
    .head_rcon{ right: 100px; top: 18px; }
    .searchform{ top: 44px; }
    .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: #005ca2 ; color: #fff; }
    #nav .nav-button i{ color: #fff; }
    .search-button span{ color: #f57c00; }
    body{ font-size: 14px; }
    nav li a:before{ display: none; }
    #nav .nav-button{ top: 13px; right: 0; background: #005ca2; }
    nav dl{ border-radius: 0; transform: translateX(0); left: 0;  top: 0; padding: 0; border:none; width: auto; display: block !important; background: #434343;  position: inherit;  opacity: 1; height: auto !important;}
    nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
    nav li dl dd a{ color: #fff !important; padding: 15px 22px; white-space: normal; font-size: 14px; }
    nav dl dd:hover div,nav li a:before{display: none;}
    nav li dl dd a:hover{ background: #005ca2 !important; color: #fff !important; }
    nav dl dd{ border: none; margin-bottom: 0; }
    .ban_arrow span i{ font-size: 28px; }
    .inprhi{ padding: 50px 3%; }
    .ihopro{ flex-wrap: wrap; }
    .iholef{ width: 100%; }
    .ihorig{ width: 100%; margin-top: 15px; padding: 0; }
    .ihswi .item{ margin: 0 6px; }
    .ihswi2 .item{ margin: 0 6px; }
    .iparr{ margin-top: 14px; }
    .iabtit{ padding-right: 200px; }
    .itith2{ font-size: 30px; }
    .inabnu{ margin-top: 35px; padding-top: 24px; }
    .inabnu li b{ font-size: 25px; }
    .incasis, .inevei, .inneko{ padding: 50px 0 60px; }
    .icitxt h3{ margin-bottom: 12px; }
    .icitxt span{margin-top: 14px;display: none;}
    .inklef{ padding-top: 56px; }
    .inklef h3{ margin-bottom: 12px; }
    .inklef p{ line-height: 26px; height: 52px; }
    .inkrig .changpic{ border-radius: 10px; }
    .fotolef{ padding-right: 20px; }
    .fotorig{ padding-left: 20px; }
    .fo_mfoul li{ margin-bottom: 7px; }
    .ivevul li p{ line-height: 22px; }
    .position nav li.on>a, .pagehe nav li:hover>a, .pagehe nav li.on>a, .position nav li:hover>a,nav li>a, .position nav li>a, .page_h nav li>a,.position nav li>a, .pagehe nav li>a{ color: #fff !important; }
    .fotolo{ padding: 28px 0 10px; }
    .prlrig p{ line-height: 26px; height: 78px; }
    .prolwar{ padding-bottom: 45px; }
    .prwlef{ display: none; }

    .prwrig{ width: 100%; padding: 0; }
    .dewaiv{ flex-wrap: wrap; }
    .dewlefs{ width: 100%; }
    .dewrigs{ width: 100%; padding: 0; margin-top: 12px;}
    .dewrigs h1{ font-size: 22px; }
    .dhtis2{ font-size: 24px; margin-bottom: 10px; }
    .deelivs{ padding-top: 34px; }
    .defouvs{ margin-top: 20px; flex-wrap: wrap; }
    .defouvs li{ width: 49%; margin-right: 2%; margin-bottom: 14px; }
    .defouvs li:nth-of-type(even){ margin-right: 0; }
    .detaivb{ padding-top: 40px; }
    .deadv{ margin-top: 45px; padding: 46px 0 28px; }
    .demeiv{ padding: 50px 0; }
    .icitxt h3{ margin-bottom: 8px; }
    .calist li{ margin-bottom: 22px; }
    .caswar{ padding-bottom: 60px; }
    .nesilef .changpic{ border-radius: 10px; }
    .infocon h1{ font-size: 25px; }
    .infocon .time{  margin-bottom: 9px; }
    .abcoms{ flex-wrap: wrap; }
    .abclef{ width: 100%; padding: 0; }
    .abcrig{ width: 100%; margin-top: 15px; display:none; }
    .abruls li b{ font-size: 32px; }
    .abruls li{ margin-bottom: 12px; }
    .arico:before{ display: none; }
    .abdirig{ padding-left: 24px; }
    .arico .changpic{ border-radius: 10px; }
    .abdect{ padding: 48px 0; }
    .abequi{ padding: 48px 3%; }
    .ahtis .itith2{ font-size: 38px; }
    .ahtis p{ margin-top: 6px; }
    #featured-area2 .roundabout-moveable-item{ width: 300px; }
    #featured-area2 .roundabout-holder{ width: 820px; height: 430px; }
    .abaivs{ padding: 50px 0; }
    .cimbo{ padding: 30px; }
    .comlef{ width: 450px; }
    .comrig{ width: calc(100% - 450px); padding-top: 0; }
    .quiry_info textarea{ height: 160px; }
    .coimap .ivbtn:after,.coimap .ivbtn:before{ display: none; }
    .cocust{ padding: 50px 0; margin-top: 45px; }
    .coch2t{ font-size: 32px; line-height: 40px; }
    .ivcptx p{ line-height: 24px; }
    .inh2ti{ font-size:56px;}
    .intitle{ font-size:30px;}
    .fotolo img{ margin-top:0; height:44px; width:auto;}
    .media{ margin-top:5px;}
    .fo_nav{ margin-top:30px;}
    .fo_nav h5{ margin-bottom:15px;}
    .hhgj { padding:50px 0 40px 0;}
    .infocon h2{ font-size:20px;}



}

@media screen and (max-width: 768px){
    .ban_arrow span i{ font-size: 25px; }
    .banner .slick-dots{ width: 100%; left: 0; bottom: 20px; }
    .ihivp{ margin-top: 0; padding: 12px 0; }
    .inprhi{ padding: 40px 3%; }
    .iabci,.incasis, .inevei, .inneko{ padding: 40px 0; }
    .itith2{ font-size: 24px; }
    .iabcop{ padding-right: 0; margin-top: 18px; }
    .inabnu li b{ font-size: 22px; }
    .icaiti{ padding-right: 180px; }
    .ivevul{ flex-wrap: wrap; }
    .ivevul li{ width: 49%; margin-bottom: 8px; margin-right: 2%; padding: 20px 15px 30px; }
    .ivevul li:nth-of-type(even){ margin-right: 0; }
    .inekwar .itith2{ position: static; margin-bottom: 12px; }
    .ineivs{ flex-wrap: wrap; }
    .inklef{ padding: 0; width: 100%; }
    .inkrig{ width: 100%; padding: 0; margin-top: 14px; }
    .fo_top{ padding: 45px 0; }
    .fotolef{ float: none; width: 100%; padding: 0; }
    .fotolef .itith2{ margin-bottom: 10px; }
    .fotolef a{ margin-top: 18px; }
    .fotorig{ width: 100%; margin-top: 22px; float: none; padding: 0; }
    .fo_mfoul input, .fo_mfoul textarea{ padding: 12px 14px; }
    .fotolo,.f_item1{ display: none; }
    .f_item2{ width: 13%; }
    .f_item3{ width: 38%; }
    .f_item4{ width: 40%; }
    .fo_nav h5{ font-size: 18px; }
    .fob_cop{ padding: 12px 0; margin-top: 24px; }
    .pat80{ padding-top: 34px; }
    .prllef{ width: 54%; }
    .prlrig{ padding: 20px; border-radius: 10px; }
    .prllef .changpic{ border-radius: 10px; }
    .prlrig h3{ font-size: 18px; }
    .prlrig p{ height: 52px; }
    .prlrig span{ padding: 12px 24px; }
    .prlulis li{ margin-bottom: 24px; }
    .privlef{ width: 200px; }
    .privrig{ width: calc(100% - 200px); padding: 0 0 0 24px; }
    .privrig h3{ margin-bottom: 5px; }
    .dedltx dd{ padding: 6px 0; }
    .privrig p{ margin-top: 10px; line-height: 24px; height: 72px; }
    .privrig span{ margin-top: 15px; padding: 10px 24px; font-size: 18px; }
    .prolist li{ margin-bottom: 12px; }
    .digg4{ margin-top: 30px; }
    .prowar{ padding-bottom: 40px; }
    .privrig h3{ font-size: 23px; }
    .demivs{ padding: 35px 0; }
    .deswm{ border-radius: 10px; }
    .dewrigs h1{ font-size: 22px; }
    .deelivs{ padding-top: 18px; }
    .dhtis2{ font-size: 22px; }
    .depivs p,.dftis p{ line-height: 23px; }
    .detaivb{ padding-top: 22px; }
    .tepata table tr:first-child td{ font-size: 18px; }
    .deadv{ margin-top: 30px; padding: 30px 0 20px; }
    .davuls li{ width: 49%; }
    .davuls li:nth-of-type(3n){ margin-right: 2%; }
    .davuls li:nth-of-type(even){ margin-right: 0; }
    .davitem i{ width: 64px; height: 64px; }
    .davist{ padding: 48px 24px 34px; }
    .davist h4{ font-size: 22px; margin-bottom: 8px; }
    .demeiv{ padding: 34px 0; }
    .quiry_info li{ margin-bottom: 12px; }
    .quiry_info textarea{ height: 135px; }
    .quiry_info button{ width: 140px; height: 48px; }
    .icitxt{ margin-top: 6px; }
    .icitxt p{ line-height: 24px; height: 48px; }
    .infocon h1{ margin-bottom: 14px; }
    .infocon p{ line-height: 24px; margin-bottom: 10px; }
    .infocon .other{ padding-top: 15px; margin-top: 15px; }
    .nesilef{ width: 256px; }
    .nesirig{ width: calc(100% - 256px); padding-left: 24px; }
    .nesirig h3{ margin-bottom: 6px; }
    .nesirig span{ margin-top: 12px; }
    .neslist li{ margin-bottom: 20px; padding-bottom: 20px; }
    .abclef .itith2{ font-size: 20px; }
    .abthqh{ margin-top: 42px; padding: 45px 0 160px; }
    .abkavs li{ padding: 20px 0; }
    .abdect{ padding: 40px 0; }
    .abdeivs{ flex-wrap: wrap; }
    .abdilef{ width: 100%; }
    .abdirig{ width: 100%; padding-left: 0; margin-top: 12px; }
    .abequi{ padding: 40px 3%; }
    .auibox{ flex-wrap: wrap; }
    .aquilef{ width: 100%; }
    .aquirig{ width: 100%; margin-top: 12px; }
    .ahtis .itith2{ font-size: 30px; }
    .abhors{ padding-top: 38px; }
    #featured-area2{ margin: 20px auto 0; }
    #featured-area2 .roundabout-holder{ width: 500px; height: 380px; }
    #featured-area2 .roundabout-moveable-item{ width: 280px; }
    .hor_l_btn{ left: 0; }
    .hor_r_btn{ right: 0; }
    .abivpiv{ margin-top: 24px; flex-wrap: wrap; }
    .abivlef{ width: 100%; padding-right: 0; }
    .abivrig{ width: 100%; margin-top: 12px; }
    .aivuls li h6{ margin-bottom: 6px; }
    .aivuls li{ padding-bottom: 12px; margin-bottom: 12px; }
    .aivsgs .changpic{ border-radius: 10px; }
    .absero{ padding: 50px 0; }
    .aerul{ margin-top: 18px; flex-wrap: wrap; }
    .aerul li{ width: 100%; margin-right: 0; margin-bottom: 12px; padding: 24px 22px 46px; }
    .conmess{ flex-wrap: wrap; }
    .comlef{ width: 100%; }
    .comrig{ width: 100%; margin-top: 12px; padding-left: 0; }
    .coiulst li{ padding: 18px 0; }
    .cocust{ margin-top: 35px; padding: 38px 0; }
    .cocuivs{ flex-wrap: wrap; }
    .cocivlef{ width: 100%; }
    .cocivrig{ width: 100%; margin-top: 16px; }
    .coch2t{ font-size: 25px; padding-bottom: 16px; width: 100%; line-height: normal; }
    .inh2ti{ font-size:42px; line-height:70px;}
    .intitle { font-size:26px; margin-top: -48px;}
    .iculid p{ height:25px; line-height:25px; overflow:hidden;}
    .in_icodi{ padding:30px 0;}
    .iapt { width:90%;}
    .iapt{ padding:35px 22px;}
    .ina_icdi p{ font-size:14px;}
    .icarr span{ height:36px; line-height:36px; width:60px;}
    .icarr{ top:60%;}
    .incaswi{ margin-top:10px;}
    .icitxt h3{ margin-top:15px;}
    .innfex{ display:block; overflow:hidden;}
    .inflef{ width:100%; float:left;}
    .inflri{ width:100%; float:left; padding-left:0; margin-top:25px;}
    .in_par{ background:none;}
    .in_par{ padding:50px 0 50px 0;}
    .fotolef p{ margin-top:20px;}
    .fo_mfoul button{ width:140px;}
    .icvuls li i{ width:70px; height:70px; line-height:70px; font-size:30px;}
    .infocon h1{ font-size:22px;}
    .viips i:after{ width:62px; height:62px;}
    .viips i{ width:38px; height:38px; line-height:38px; font-size:14px;}
    .icitems b { top:10px; right:10px;}

}

@media screen and (max-width:480px){
    footer{ margin-bottom: 60px; }
    .footmenu{ display: block; }
    .footmenu div.con{ background: #005ca2; }
    .ban_arrow{ top: 32%; }
    .inprhi{ padding: 24px 3%; }
    .iholef h5{ font-size: 19px; line-height: 23px; }
    .ihivp p{ line-height: 23px; }
    .iparr span,.icarr span{ width: 58px; height: 35px; line-height: 35px; }
    .ihswi .item{ margin: 0; }
    .ihswi2 .item{ margin: 0; }
    .iabci, .incasis, .inevei, .inneko{ padding: 0 0 28px 0; }
    .iabtit{ padding-right: 0; }
    .iabtit a{ position: static; padding: 10px 22px; margin-top: 10px; transform: translateY(0); }
    .fotolef a,.prlrig span,.privrig span{ padding: 8px 16px; }
    .itith2{ font-size: 20px; }
    .iabcop p{ line-height: 20px; }
    .inabnu{ margin-top: 25px; padding-top: 20px; flex-wrap: wrap; }
    .inabnu li{ width: 50%; }
    .inabnu li p,.fotolef p{ line-height: 20px; }
    .icaiti{ padding-right: 0; }
    .icarr{ position: static; transform: translateY(0); margin-top: 6px; }
    .incaswi{ margin-top: 12px; }
    .ivevul li{ padding: 15px; border-radius: 10px; }
    .ivevul li h4{ font-size: 18px; margin: 10px 0; line-height: 20px; }
    .ivevul li i{ width: 54px; height: 54px; font-size: 24px; line-height: 54px; }
    .ivevul li p{ line-height: 20px; }
    .ivevul li:before{ display: none; }
    .inklef h3{ font-size: 20px; line-height: 24px; height: 48px; }
    .inklef p{ line-height: 20px; height: 40px; }
    .fo_top{ padding: 30px 0; }
    .fo_mfoul li{ width: 100%; float: none; margin-bottom: 5px; }
    .fo_mfoul button{ width: 114px; height: 38px; }
    .f_item2{ display: none; }
    .f_item3{ width: 100%; }
    .f_item4{ width: 100%; margin-top: 10px; }
    .fo_nav{ flex-wrap: wrap; }
    .fo_nav h5{ font-size: 17px; margin-bottom: 6px; }
    .backToTop{ bottom: 20%; width: 40px; height: 40px; }
    .sub_nav{ padding: 10px 0; }
    .pat80{ padding-top: 25px; }
    .prllef{ width: 100%; }
    .prlrig{ width: 100%; position: static; transform: translateY(0); border-radius: 0; padding: 15px; }
    .prlulis li:nth-of-type(even) .prllef{ float: none; }
    .prlulis li{ margin-bottom: 12px; }
    .prlrig h3{ margin-bottom: 8px; }
    .prolwar{ padding-bottom: 25px; }
    .pritemsv a{ padding: 10px; flex-wrap: wrap; }
    .privlef{ width: 100%; }
    .privrig{ width: 100%; padding: 0; margin-top: 10px; }
    .privlef .changpic{ border-radius: 10px; }
    .privrig h3{ font-size: 20px; }
    .dedltx dd b{ font-size: 18px; }
    .demivs{ padding: 20px 0; }
    .dewrigs h1{ font-size: 20px; }
    .dewrigs p{ line-height: 22px; }
    .dhtis2{ font-size: 18px; }
    .depivs p, .dftis p{ line-height: 20px; }
    .defouvs li{ width: 100%; margin-right: 0; margin-bottom: 8px; }
    .detaivb{ padding-top: 18px; }
    .deadv{ margin-top: 14px; padding: 15px 0 10px; }
    .davist p{ line-height: 20px; }
    .davist{ padding: 0; border: none; }
    .davitem i{ width: 50px; height: 50px; position: static; transform: translateX(0); }
    .davitem{ padding: 10px; text-align: center; border: 1px solid #dee8f0; background: #fff; }
    .davist h4{ font-size: 19px; margin-top: 5px; }
    .davuls li{ margin-bottom: 6px; width: 100%; margin-right: 0; }
    .demeiv{ padding: 20px 0; }
    .quiry_info li{ width: 100%; float: none; margin-bottom: 6px; }
    .quiry_info ul li:nth-of-type(2){ float: none; }
    .calist li{width: 100%;}
    .calist li:nth-of-type(3n){ margin-right: 2%; }
    .calist li:nth-of-type(even){ margin-right: 0; }
    .icitxt h3{line-height: 22px;height: 44px;text-align: center;}
    .icitxt p{ line-height: 20px; height: 40px; }
    .calist li{ margin-bottom: 12px; }
    .caswar{ padding-bottom: 35px; }
    .infocon h1{ font-size: 22px; }
    .infocon p{ line-height: 22px; margin-bottom: 5px; }
    .neslist li{ margin-bottom: 12px; padding-bottom: 12px; }
    .nesitem a{ flex-wrap: wrap; }
    .nesilef{ width: 100%; }
    .nesirig{ width: 100%; padding: 0; margin-top: 18px; }
    .abclef .itith2{ font-size: 20px; line-height:28px; }
    .actxp p{ line-height: 25px; margin-bottom: 5px; }
    .abruls li i{ top: 3px; }
    .abruls li b{ font-size: 24px; }
    .abthqh{ margin-top: 30px; padding: 30px 0; }
    .abiwite p{ line-height: 20px; }
    .abbivs{ display: none; }
    .abiwite .itith2{ margin-bottom: 10px; }
    .abtwzs .item{ display: block; margin-bottom: 14px; }
    .abtwzs .item:last-child{ margin-bottom: 0; }
    .abdect{ padding: 24px 0; }
    .abequi{ padding: 24px 3%; }
    .ahtis .itith2{ font-size: 22px; }
    .abhors{ padding-top: 25px; padding: 20px 0 50px 0; }
    #featured-area2 .roundabout-holder{ width: 300px; height: 200px; }
    #featured-area2 .roundabout-moveable-item{ width: 150px; }
    .hor_r_btn i, .hor_l_btn i{ font-size: 20px; }
    .abhors:before{ height: 60%; }
    .abaivs{ padding: 20px 0; }
    .abivpiv{ margin-top: 15px; }
    .aivuls li h6{ font-size: 20px; }
    .aivuls li p{ line-height: 22px; }
    .absero{ padding: 24px 0; }
    .aerul li:before{ display: none; }
    .aerul li{ padding: 20px; border-radius: 10px; }
    .aerul li h4{ font-size: 20px; margin: 8px 0; }
    .aerul li i{ width: 50px; height: 50px; line-height: 50px; font-size: 24px; }
    .cimbo{ padding: 12px; border-radius: 10px; }
    .comrig p{ line-height: 20px; }
    .quiry_info button{ width: 124px; height: 42px; }
    .cocust{ margin-top: 25px; padding: 28px 0; }
    .coch2t{ font-size: 19px; }
    .ivcptx{ margin-top: 12px; }
    .dftis p{ height:auto; }
    .logo img, .position .logo img{ height:40px;}
    .inh2ti{ font-size:38px; line-height:60px;}
    .intitle{ font-size:24px; margin-top:-40px;}
    .ivbtn{ margin-top:20px;}
    .cimtx h2{ font-size:20px;}
    .vidouls li{ width:100%; margin-right:0;}
    .vidouls li:nth-of-type(even){ margin-right:0;}
    .vidouls li:nth-of-type(3n){ margin-right:auto;}
    .hhgj p{ margin-top:6px;}
    .vipvs{ margin-top:10px;}
    .prlist li { width:100%; margin-right:auto;}
    .prlist li:nth-of-type(even){ margin-right:0;}
    .ipotxt{ padding:20px 20px 30px;}
    .ipotxt span{ width:120px;}
    .jcbtns { margin-top:30px; margin-bottom:20px;}
    .icvuls li{ width:100%; float:left; margin-bottom:15px;}
    .icvuls li p { height:auto;}
    .icvuls{ display:block;}
    .faculs li  { width:49%; margin-right:auto;}
    .faculs li:nth-of-type(even){ margin-right:0;}
    .faculs li:nth-of-type(3n){ margin-right:auto;}
    .abpic { padding:40px 0 40px 0;}
    .in_icodi{display:none;}
    .inap { display:none;}
    .innews{ padding: 30px 0 40px;}
    .in_par{ padding:30px 0 30px 0;}
    .inflri ul li{ width:100%;}



}