body{font-size: 14px;min-width: 1400px; overflow-x: hidden; font-family: 'Hos','Microsoft YaHei';}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.top50{margin-top:50px;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;opacity: 0;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;    position: relative;
    z-index: 999;}
.div-container {position: relative;width: 74%;margin: auto;}
@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face{font-family: 'axt'; src:url(https://cdn.114my.com.cn/font/lcw/axt.ttf)}
@font-face { 
        font-family: 'ysbt'; src: 
       url('https://cdn.114my.com.cn/font/lcw/yszt.TTF') format('truetype')
}
@font-face { 
        font-family: 'Har'; src: 
        url('https://cdn.114my.com.cn/font/lcw/AlibabaHealthFont2.0CN-85B.ttf') format('woff2'),  
}
@font-face {
font-family:neu;
src: url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.ttf),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.eot),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.otf),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff2);
}
@font-face{font-family:'alz'; src: url("https://cdn.114my.com.cn/font/hxp/alimamashuheiti.ttf");}
@font-face {
font-family: "yw";
src: url("https://cdn.114my.com.cn/font/lcw/yuwei.woff2") format("woff2"),
       url("https://cdn.114my.com.cn/font/lcw/yuwei.woff") format("woff"),
       url("https://cdn.114my.com.cn/font/lcw/yuwei.ttf") format("truetype"),
       url("https://cdn.114my.com.cn/font/lcw/yuwei.eot") format("embedded-opentype"),
       url("https://cdn.114my.com.cn/font/lcw/yuwei.svg") format("svg");
}

.f01{   font-family: 'axt'; }
.f02{   font-family: 'ysbt'; }
.f03{  font-family: 'Har';}
.f05{  font-family: neu;}
.f04{font-family: 'alz';}
.f06{font-family: "yw";}

@font-face {
  font-family: 'iconfont';  /* Project id 4978008 */
  src: url('//at.alicdn.com/t/c/font_4978008_2m1ojerhx9r.woff2?t=1765886412857') format('woff2'),
       url('//at.alicdn.com/t/c/font_4978008_2m1ojerhx9r.woff?t=1765886412857') format('woff'),
       url('//at.alicdn.com/t/c/font_4978008_2m1ojerhx9r.ttf?t=1765886412857') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.gyc {margin: 0 auto;max-width: 82%;min-width: 1200px;position: relative;z-index: 55;}
.gy{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gyb {margin: 0 auto;max-width: 1600px;min-width: 1200px;}
.gyf{max-width: 100%;margin: 0 auto;min-width: 1200px;width: 100%;}
.page{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gya {
    margin: 0 auto;
    max-width: 60%;
    min-width: 800px;
    overflow: hidden;
}



.width-1400{    width: 100%;
    max-width: 1600px;
    height: auto;
    margin: 0 auto;}






.text-center { text-align: center; }
.c-141213 { color: #141213;}
.c-1412132 { color: #fff;}
.ResTitle_a1{display: flex; justify-content: center;align-items: center;}
.ResTitle_a1 span {
    vertical-align: middle;
text-transform: uppercase;
    font-weight: bold;
}
.ResTitle_a1 b {
    vertical-align: middle;
text-transform: uppercase;color: #fff;
}
.ResTitle_a1 .icon {
    font-size: 0;
    margin: 0 1.5vw;
}
.dis-m {
    vertical-align: middle;
}
.dis-t, .dis-m, .dis-b, .SJ {
    display: inline-block;
}
.mt-15{margin-top:1vw;}
.f-48 {font-size: 42px;}
.f-18 {font-size: 20px;}
.c-666 {color: #666;}
.ResTitle_a1 .icon { font-size: 0; margin: 0 1.5vw; }

.dis-t, .dis-m, .dis-b, .SJ {display: inline-block;}

.input_text{    float: left;
    width: 310px;
    height: 38px;
    overflow: hidden;
    padding-left: 14px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-right: none;
    text-align: left;
    line-height: 38px;
}}
.con_le ul{display: flex;height:34px;padding:6% 0% 0 0;}
.con_le ul li{position:relative;line-height:34px;}
.con_le ul li a{display: flex;align-items: center;}
.con_le ul li+li{margin-left: 10px;}
.con_le ul li:hover .wx {transform: rotateX(0deg);}
.con_le ul li span{font-size: 20px;color: #666;padding-right: 4px;line-height: 34px;}
.con_le ul li p{font-size: 14px;color: #fff;line-height: 34px;}
.con_le ul li .itel_box{width:auto;}











.head_ov{width:100%;position: absolute;z-index: 999;border-bottom: 1px rgba(255,255,255,0.6) solid;}
.head_bc:before{background: linear-gradient(180deg, rgba(24,23,109, 0.99), transparent); position: absolute;content: ''; width: 100%;z-index: 99; top:0; left: 0;padding-bottom: 12%;}
.head_bc{max-width:100%;height:90px; margin:0 auto; position: relative;}
.head_tc{max-width: 82%;display: flex;justify-content: end;height: 100px;align-items: center;min-width: 1200px;margin: 0 auto;padding: 0 0%;position: relative;z-index: 999;}
@media (max-width:1366px) {
.head_tc{ max-width: 1366px;padding: 0 1%;}
}
.head_tc p{font-size: 13px;color: rgba(255,255,255,0.5);font-weight:lighter;}
.head_tc ul{display: flex;height:34px;padding:0 0%;}
.head_tc ul li{position:relative;line-height:34px;}
.head_tc ul li a{display: flex;align-items: center;}
.head_tc ul li+li{margin-left: 10px;}
.head_tc ul li:hover .wx {transform: rotateX(0deg);}
.head_tc ul li span{font-size: 20px;color: #fff;padding-right: 4px;line-height: 34px;}
.head_tc ul li span img{width:30px;}
.head_tc ul li p{font-size: 14px;color: #fff;line-height: 34px;}
.head_tc ul li .itel_box{width:auto;}
.head_tcl{position:relative;line-height:34px;width: 505px;}
.head_tcl span{font-size: 20px;color: #fff;padding-right: 4px;line-height: 34px;float: left;}
.head_tcl p{font-size: 19px;color: #fff;line-height: 34px;}


/* top */
.z_header {
    width:100%;
    position: fixed;
    left: 0px;
    top: 100px;
    z-index: 9999;
    padding: 0 clamp(12px, 1.1458333333vw, 22px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.6vw;
    -webkit-transition: ease 1s;
    transition: ease 1s;
}

@media screen and (max-width: 980px) {
    .z_header {
        height: 50px
    }
}

@media screen and (min-width: 1920px) {
    .z_header {
        height: 88px
    }
}

.z_header.on {border-radius: 0; top:0; background: url(../images/pvdtc02.png) center no-repeat; height:101px;}
.z_header.on .frbox{top: 28px;}
.z_header.on .nav_c ul li a{height:60px;line-height:60px;}
.z_header.on .nav_c {
    margin: 0 5% 24px 0;}
.z_header.on .z_header .frbox {
    margin-bottom: 21px;}
.z_header.on .nav_c>ul>li:after {
    bottom: 1vw;
}
.z_header.on .nav_c .dropmenu a{line-height: 42px !important; height: 42px;}

.head_bc .logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    left: 8%;
display: flex;
width:40vw;
    align-items: center;
    height: 100px;
    z-index: 999;
}
.head_bc .logo p {
    font-size: 1.6vw;
    line-height: 1;
    padding-left: 2%;
    font-weight: normal;
    letter-spacing: 0px;
    color: #fff;
font-family: 'Har';
text-transform: uppercase;
}
.head_bc .logo b {
    font-size: 1.8vw;
    line-height: 1;
    padding-left: 3%;
    font-weight: normal;
    letter-spacing: 0px;
    color: #fff;
font-family: 'Har';
text-transform: uppercase;
}
.head_bc .logo p span {
    font-size: 0.52vw;
    padding-top: 0px;
    display: block;
    line-height: 1;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Hos';
}

.head_bc .logo img {
    display: block;
    height: 4vw;
    -webkit-transition: ease .6s;
    transition: ease .6s
}

.nav_c li:nth-child(3) .dropmenu ul,.nav_c li:nth-child(4) .dropmenu ul {    flex-direction: column;}

.nav_c{justify-content: space-between;width: 66%;margin: 0 5% 0 0;}
.nav_c ul{width:100%;display: flex;justify-content: space-between;}
.nav_c ul li{position: relative;height: 100%;}
.nav_c ul li a{text-align: center;color: #fff;font-size: 20px;line-height:4.6vw; font-weight: 500;}
@media screen and (max-width: 1440px) {.nav_c ul li a{font-size: 16px;}}
@media screen and (max-width: 1280px) {.nav_c ul li a{font-size: 15px;}}
.nav_c>ul>li.on>a, .nav_c>ul>li:hover>a{color: #fff;font-weight:bold;}
.nav_c>ul>li:after {position: absolute;content: "";top: -10px;left: 0;background: #0350e6;transition: all .5s;opacity: 0;width: 100%;height: 3px;}
.nav_c>ul>li.on:after,.nav_c>ul>li:hover:after{opacity: 1;}
.head_pho{display: flex; align-items: center;justify-content: space-between;width: 34%; padding-left: 10px;}
.icon {height: 100%;}
.pho_wz p,.pho_wz b{color: #fff;}
.pho_wz p{font-size: 1rem;}
.pho_wz b{font-size: 1.4rem;}
.pho_ic{width: 37px;height: 37px;border-radius: 100%;border:1px solid #fff;display: flex;align-items: center;justify-content: center;}

.head.on .dropmenu{top:100%;}
.nav_c li:nth-child(2) .dropmenu{left: -39px;}
.nav_c li:nth-child(3) .dropmenu{width:240%;left: -65px;}
.nav_c li:nth-child(4) .dropmenu{width:250%;left: -65px;}
.nav_c li:nth-child(5) .dropmenu{width:300%;left: -60px;}

.nav_c ul li:nth-child(5) .one_class_box li .two_class_box {
    position: absolute;
    top: 0;
    left: 100%;
    transition: 0.5s;
    transform-origin: left;
    transform: rotateY(90deg);
    z-index: 5;width: 126%;
}
.nav_c ul li:nth-child(5)  .one_class_box li:hover .two_class_box {
    transform: rotateY(0deg);
}

.nav_c ul li:nth-child(5) .one_class_box li .two_class_box li a {
    display: block;
    padding: 0 20px;
    height: 47px;
    border-bottom: none;
    background: #f8f8f8;
    color: #333 !important;
    font-weight: 100;
    font-size: 14px;
    line-height: 47px;
    position: relative;
    border-bottom: 1px #eee solid;
    font-family: 'axt';
}
.nav_c ul li:nth-child(5) .one_class_box li  .two_class_box li a:hover {
    background: #0350e6;
    color: #fff;
}
.nav_c ul li:nth-child(5) .one_class_box li  .two_class_box li:hover a {
    color: #fff;
}
.markermenu{width: 100% !important;}
.markermenu ul{ display: block;}
.dropmenu{ position:absolute; top:120%; max-height:0; transition:all .3s ease; width:190%;left: -35px;z-index:99; transition:all .3s ease; background:#f9f9f9; border-radius:0px; opacity:0; visibility:hidden; padding: 0px 0px; font-family: 'axt';border-top: 2px #0350e6 solid; box-shadow: 0 0 15px rgba(29, 56, 75, .4);}

.nav_c .dropmenu a{ display:block; line-height:36px !important; text-align:center; font-size:16px !important; color:#333 !important; transition:all .5s ease; border-bottom: 1px #eee solid;font-family: axt;}
.dropthree{ position:relative;}
.dropthree>div{ position:absolute; left:105%; visibility:hidden; opacity:0; transition:all .3s ease; border-radius:5px;width:100%; background:#f9f9f9; top:0;}
.dropthree:hover>div{ opacity:1; left:100%; visibility:visible; }
.nav_c li:hover .dropmenu{ max-height:1200px;  top:100%; opacity:1; visibility:visible;}
.dropmenu a:hover{ background:#0350e6; color:#fff !important;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;  height:36px;line-height:36px;}
.nav_c li {position: relative;}
.nav_c .prolist2021 {position:relative;}
.nav_c .prolist2021 ul {position:relative;}
.nav_c .prolist2021 li {position:relative;}
.nav_c .prolist2021 li dl {position:absolute;top:0;left:100%; transition: 0.5s;}

.call ul {flex-direction: column;} 
.nav_c .prolist2021 li dl {width: 100%;}
td#showfennei {
    height: 40px !important;
    display: inline-block;
    line-height: 40px;
}
.prorl_item td>a {height: calc(11vw + 13.5rem) !important;}

.nav_c ul li:nth-child(3)>div>ul>li:nth-child(1)>a {display:none;}
.nav_c ul li:nth-child(3) ul li:nth-child(1) ul {flex-direction:column;}
.nav_c ul li:nth-child(3)>div>ul >li:nth-child(n+2) {display:none;}

.nav_c ul li:nth-child(4)>div>ul>li:nth-child(2)>a {display:none;}
.nav_c ul li:nth-child(4) ul li:nth-child(1) ul {flex-direction:column;}
.nav_c ul li:nth-child(4)>div>ul >li:nth-child(1),.nav_c ul li:nth-child(4)>div>ul >li:nth-child(n+3) {display:none;}

.nav_c li:hover dl {    opacity: 1; transition: 0.5s;}
.nav_c .prolist2021 li dl dt a {display: block;padding: 0 20px;width: 170px;height:40px; border-bottom: none;background: #f8f8f8; color: #333 !important; font-weight: 100; font-size: 14px; line-height:40px;position: relative; border-bottom: 1px rgba(255,255,255,0.2) solid; font-family: 'axt';}
.nav_c .prolist2021 li dl dt a:hover{background: #0350e6;color: #fff; }
.rightarrowpointer{display:none;} 
.nav_c>ul>li:hover .nav2 {transform: rotateX(0deg);}
.nav_c .prolist2021 li:hover dl { transform: rotateY(0deg);}
.nav_c .prolist2021 li dl {position: absolute;top: 0; left: 100%;transition: 0.5s; transform-origin: left; transform: rotateY(90deg);z-index: 5;}

.z_header .frbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 17vw;
}
.z_header .tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1vw;
    font-family: Arial;
    color: #ed0a09;}
.icon-dianhua1:before { content: "\e797";font-size: 1.1vw;color: #ed0a09;}
.z_header .tel .iconfont {
    font-weight: normal;
    margin-right: 5px;
    color: #999;
}
.z_header .words {
    position: relative;
    cursor: pointer;
    margin-left:12px
}
.z_header .words .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: clamp(35px, 3.5vw, 60px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px;
    background:linear-gradient(to right, #ed0a09, #0350e6);
    padding: 0 8px;
    border-radius: 10px;
color: #fff;
}
.z_header .words .tit a{color: #fff;font-size: 13px}

.z_header .words .iconfont {
    font-size: 12px;
}

.z_header .words:hover .down {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.z_header .words .down {
    position: absolute;
    left: 0;
    top:34px;
    background:linear-gradient(to right, #ed0a09, #0350e6);
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    padding-top: 0px;
    -webkit-transition: ease .78s;
    transition: ease .78s;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
    visibility: hidden
}

.z_header .words .down a {
    display: block;
    padding: 0 12px;
    line-height: 40px;
    -webkit-transition: ease .6s;
    transition: ease .6s;
color: #fff;
font-size:14px;
}

.z_header .words .down a:hover {
    background: rgba(255, 255, 255, .3)
}

@media screen and (max-width: 1300px) {
    .z_header .nav {
        margin-right: 12vw
    }
}

.icon-arrb:before {content: "\eb8a";color: #fff;}

/*閹兼粎鍌�*/
.top_con{padding:0 1px 0 10px;}
.top_con i{font-size:1.3vw;color: #fff;}
.top_con li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 450px; background: rgba(51,51,51,0.7);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 15px;padding: 34px; z-index: 9999;top:33px;}
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:38px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 0px; border: 1px solid #dddddd;border-left: none; padding-right:45px;}
#search-bg{float:left; width:310px; height:38px; overflow:hidden;  margin-top:20px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;text-align: left;    line-height: 38px;}
.search-text{ font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:14px; color: #fff !important; font-weight:normal;line-height:1.5;}
.search-text a:hover{ font-size:14px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 14px;line-height:1.5;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #0350e6; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #0350e6;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
form {justify-content: center;}

/* index */
.swiper-container{/*overflow: auto !ibuttonmportant;*/}
.banner {position: relative;margin-top:0px;}
.index-banner-swiper {position: relative;background: #000;z-index:1;}
.banner-slide {height:100%;}
.banner-slide .txt{position: absolute; left: 10%;top:28%; ;z-index: 33;width:80%;}
.banner-slide .txtop{top:44% !important;text-align:center;padding-bottom:2.5%;}
.banner-slide .txtop1{top:37% !important;}
.banner-slide .txtop4{top:41% !important;left: 8% !important;}
.banner-slide .txtop3{top:21% !important;left: 4% !important;}
.banner-slide .txtop2{top:30% !important;text-align:center;}
.banner-slide .txt h2{font-size:1.8vw;color: #fff;margin: 0;padding: 0;padding:0px 0 0px 0; position: relative;text-transform: uppercase;font-weight:normal; line-height: 3vw;width: 41vw;text-align: left;border-radius: 0px;z-index: 999;}
.banner-slide .txt h5{font-size:1.8vw;color: #fff;margin: 0;padding: 0;padding:0px 0 0px 0; position: relative;text-transform: uppercase;font-weight:normal; line-height: 1.7;width:25vw;text-align: left; z-index: 999;border: 2px #fff solid;text-align: center;border-radius: 50px;}
.banner-slide .txt h7{font-size:1.6vw;color: #162d89;margin: 0; padding:0px 0 0px 0; position: relative;text-transform: uppercase;font-weight:normal; line-height: 1.5;width:34vw; z-index: 999;border: 2px #fff solid;text-align: center;border-radius: 50px;display: block;}
.banner-slide .txt h3{font-size:4.2vw; margin: 0;padding-top: 0.4%;padding-bottom:1%; position: relative;text-transform: uppercase; line-height:1; z-index: 999; font-weight: lighter;color:#fff;}
.banner-slide .txt .dx{font-size:3.6vw !important;}
.banner-slide .txt .dx2{font-size:4.2vw !important;}
.banner-slide .txt h3 span{-webkit-text-stroke: 1px #162d89;color: transparent; padding-bottom:10px;font-size:3.3vw;}
.banner-slide .txt h3 b{color:#fec909; font-weight:100; -webkit-text-stroke: 1px #;color: ;font-size:5vw;font-family: "yw";    letter-spacing: -17px;padding:0 30px 0 5px;}
.banner-slide .txt h3 em{color: #fec909;font-family:'neu';font-size: 5.8vw;}
.banner-slide .txt .hz{color:#fff;}
.banner-slide .txt .hzb{border: 2px #fff solid !important;}
.banner-slide .txt .to1{padding-top:3%;}
.banner-slide .txt .hzh{color:#333 !important;}
.banner-slide .txt .lz{color: #162d89 !important;}
.banner-slide .txt .hz1{color:#fff !important;padding: 0px 0 20px 0 !important;}
.banner-slide .txt .hzh2{color:#666 !important;padding: 39px 0 10px 0 !important;}
.banner-slide .txt .hz3{color:#666 !important;}
.banner-slide .txt .tyl{text-shadow: 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.5);}
.banner-slide .txt .tyb{text-shadow: 0.1rem 0.1rem 0rem rgba(255, 255, 255, 0.7);}
.banner-slide .txt .fzt{font-size:30px !important;}
.banner-slide .txt .strong{font-weight:bold;}
.banner-slide .txt .fztt{margin-top: -1% ! IMPORTANT;}
.banner-slide .txt .bot{margin-top:3% !important;}

.banner-slide .txt .line {width: 260px;height:12px;background: rgba(48, 97, 173, .2);margin: 0px 0 20px 0;position: relative;
    margin-top: -2.8%;}
.banner-slide .txt h5{margin-top:18px;font-weight: normal; z-index: 999;color:#fff;display: block;font-size: 1.4vw;position: relative;    text-transform: uppercase;letter-spacing:2px;}
.banner-slide .txt h6{margin:0;font-weight: normal; z-index: 999; font-size:2.1vw !important;line-height:1;}
.banner-slide .txt h4{margin:0;font-weight: normal; z-index: 999; font-size:1.4vw !important;line-height:1.8;}
.banner-slide .txt b{font-weight:bold;}
.font7{width:98px; border-radius: 10%; float: left;justify-content: center;font-size:16px; padding:1.2% 0.6% 1% 0.6%;line-height:20px !important; margin-left:1%;text-align: center;margin-bottom:4%;margin-top:3%;letter-spacing:1px !important;color: #162d89;font-weight: normal;height:98px;background: rgba(255,255,255,0.7);font-family: 'axt';}
.font7:nth-child(1){margin-left:0%;}
.font7 i{font-size: 30px; line-height: 30px;text-align: center; margin-bottom:5%;display: block;color: #162d89;font-weight: normal;}
.font7 b{width:30px;background: rgba(0,0,0,0.3); height:1px; margin:0 auto; display: block;margin-top:9%;}
.mjz{margin:0 auto !IMPORTANT;}
.banner-slide .txt.center {text-align: center;width:100%;left:0;top:16vw;margin: 0;}
.banner-slide .txt.center h1{font-size:3.3vw; color:#1f78c7; font-weight:bold; margin-top:6%; font-family: "Microsoft YaHei"; padding-bottom:18px;text-transform: uppercase; }
.banner-slide .txt.center h6{ color:#0b141b; font-size:1.7vw; font-weight:normal; letter-spacing:1px;text-transform: uppercase;}
.banner-slide .txt.none {display: none;}
.banner-slide .txt.right {text-align: right;left: auto;right: 10%;}
.banner-slide .txt.right .line {float: right;clear: both;}
.banner-slide .txt.right .banner-btn a{display: inline-block;vertical-align: middle;float: none;text-align: right;margin-right:0px;margin-left: 15px;}
.banner-slide .img {text-align: center;height:100%;transition: 6s;}
.banner-slide .txt .img1{text-align: left; margin-top:2%;}
.banner-slide .img1>a{    display: flex;justify-content: center;    align-items: center;height:100%;}
.banner-slide .img1 video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.con1t a{display: inline-block;vertical-align: middle;float: none;text-align: right;margin-right:0px;margin-left: 15px; background: none !important; width: 661px !important; margin:auto; text-indent:0px !important; margin-top:0px !important;  font-weight: lighter;} 
.index-banner .banner-btn a:after{ background:none !important;}
.con1t {clear: both; margin-top:0%;font-family: 'axt';}
.con1tmore .tit-166{border-radius: 60px;padding:10px 0;line-height: 1;display: inline-block;font-size:26px; background: linear-gradient(to right, #03a20f 0%, #03a20f 100%);position: relative;z-index: 999;color: #fff;box-shadow: 5px 5px 10px 0 rgba(48, 97, 173, .2);width: 300px;text-align: center;letter-spacing: 2px;}
.con1tmore .tit-16{border-radius: 60px;padding:12px 20px;line-height: 1;display: inline-block;font-size:19px; background: linear-gradient(to right, #74b62c 0%, #84bf44 100%); position: relative;z-index: 999;color: #fff;box-shadow: 5px 5px 10px 0 rgba(48, 97, 173, .2); text-align: center;letter-spacing: 1px;}
.con1tmore .tit-17{border-radius: 60px;padding:12px 20px; margin:0 10px; line-height: 1;display: inline-block;font-size:19px; background: linear-gradient(to right, #74b62c 0%, #84bf44 100%); color: #fff;position: relative; text-align: center;letter-spacing: 1px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);}
.con1tmore .tit-18{border-radius: 60px;padding:12px 20px;line-height: 1;display: inline-block;font-size:19px; background: linear-gradient(to right, #74b62c 0%, #84bf44 100%); color: #fff;position: relative; text-align: center;letter-spacing: 1px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);}
.con1tmore .tit-19{border-radius: 60px;padding:12px 20px;line-height: 1;display: inline-block;font-size:21px; background: linear-gradient(to right, #74b62c 0%, #84bf44 100%); color: #fff;position: relative; text-align: center;letter-spacing: 1px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);}

.banner-btn {clear: both; margin-top:2% !IMPORTANT;border-radius: 50px; width: 394px;font-family: 'axt';}
.more1 .tit-166 {
  border-radius: 50px;
  padding: 11px 12px;
  line-height: 1;
  display: inline-block;
  font-size: 17px;
  background: linear-gradient(to bottom, #ee8100, #d67502);
  position: relative;
  z-index: 999;
  color: #fff;
  box-shadow: 5px 5px 10px 0 rgba(48, 97, 173, .2);
  width: 290px;
  text-align: center;
  letter-spacing: 2px;
}
.more1 .tit-16 {
  border-radius: 50px;
  padding: 18px 5px;
  line-height: 1;
  display: inline-block;
  font-size: 20px;
  background: linear-gradient(to right, #ee8100 25%, #d67502 75%);
  position: relative;
  z-index: 999;
  color: #fff;
  box-shadow: 5px 5px 10px 0 rgba(48, 97, 173, .2);
  width: 215px;
  text-align: center;
  letter-spacing: 2px;
}
.more1 .tit-16 i {
    font-size: 20px;
    line-height: 1;
    margin-right: 8px;
margin-left: 6px;
    display: inline-block;
    vertical-align: top;
}
.more1 .tit-17 {
  border-radius: 20px;
  padding: 11px 5px;
  line-height: 1;
  display: inline-block;
  font-size: 16px;
  color: #333;
  position: relative;
  margin-left:-8%;
  padding-left: 7%;
  width: 200px;
  text-align: center;
  letter-spacing: 1px;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);
background: #fff;
}
.more1 .tit-18 {
  border-radius: 60px;
  padding: 14px 15px;
  line-height: 1;
  display: inline-block;
  font-size: 16px;
  background: linear-gradient(to right, #337330 25%, #348b30 75%);
  position: relative;
  z-index: -1;
  color: #fff;
  box-shadow: 5px 5px 10px 0 rgba(48, 97, 173, .2);
  width: 230px;
  text-align: center;
  letter-spacing: 1px;margin-left:-5%;padding-left: 5%;
}
.more1 .icon {
  display: inline-block;
  margin-left: 15px;
  transition: all 0.5s;
}
.banner-slide .txt2{position: absolute; left: 0%;top:11%; ;z-index: 33;width:100%;text-align:center;}
.hz{color: #fff;}
.banner-slide .txt2 h3{font-size:2.8vw; margin: 0;padding-top: 20px;padding-bottom:0px; position: relative;text-transform: uppercase; line-height:2.8vw; font-weight: bold;}
.banner-slide .txt2 h2{font-size:24px; margin: 0;padding: 0;padding:14px 0; position: relative;text-transform: uppercase;font-weight:normal; line-height: 20px;width: 100%;text-align: center;}
.banner-slide .txt2 .line {width: 260px;height:12px;background: rgba(0,0,0,0.4);margin: 0px 0 20px 0;position: relative;margin: 0 auto;
    margin-top: -1.1%;}
.banner-slide .txt2 h4{font-size:1vw; padding:15px 0 20px 0;margin:0;font-weight: normal;line-height: 1.7vw;z-index: 999;}

.banner-slide .txt h7 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt h5 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt2 h2 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt2 h3 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt2 h4 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all .3s;}
.banner-slide .txt h1 {transform:translateY(200px);opacity:0;transition:all .3s;}
.banner-slide .txt h6 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .center h2 {transform:translateY(200px);opacity:0;transition:all 0.3s;}
.banner-slide .center h6 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.banner-slide .txt .banner-btn {transform:translateY(200px);opacity:0;transition:all 1.2s;}
.index-banner-swiper .swiper-slide-active .txt h4,.index-banner-swiper .swiper-slide-active .txt h5,.index-banner-swiper .swiper-slide-active .txt h2,.index-banner-swiper .swiper-slide-active .txt h1,.index-banner-swiper .swiper-slide-active .txt h6,.index-banner-swiper .swiper-slide-active .txt h3,.banner-slide .txt.center h2,.banner-slide .center h6,.index-banner-swiper .swiper-slide-active .txt .line,.index-banner-swiper .swiper-slide-active .banner-btn,.banner-slide .txt.center h2,.banner-slide .txt.center h,.index-banner-swiper .swiper-slide-active .txt1 h3,.index-banner-swiper .swiper-slide-active .txt1 h2,.index-banner-swiper .swiper-slide-active .txt2 h3,.index-banner-swiper .swiper-slide-active .txt2 h2,.index-banner-swiper .swiper-slide-active .txt2 h4,.index-banner-swiper .swiper-slide-active .txt h7{transform:translateY(0px);opacity:1;}

.banner .swiper-banner-pagination {bottom:4%;width: 100%; display: block;z-index: 90;}
.banner .swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:4px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}
.banner .swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;top:0px;background: rgba(204,204,204,0.4);}
.banner .swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
.banner .swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:0px;width:0;height: 3px;background: linear-gradient(120deg, #306403 10%, #306403 80%);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.banner .swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.indexb_wrapper1 {width: 100%; position: relative; overflow: hidden; padding-bottom:80px;}
.index-scroll {position:absolute;left:1%;top:70%;z-index:70;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;}
.index-scroll h6::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;}
.index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;}
.index-scroll h6 i{width: 12px;height: 10px; background: url("");display: inline-block;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
@keyframes op01{0%{opacity: 0;}100%{opacity: 1;}}
.flex {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}






















































.mod1170 .top_bg {
        width: 100%;
        min-width: 1200px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        background: #f1f1f1;
    }
    .mod1170 .top_bg .fl {
        width: 500px;
    }
    .mod1170 .top_bg a {
        font-size: 14px;
        color: #333;
    }
    .mod1170 .top_bg a:hover {
        color: #57ba46;
    }
    .mod1170 .top_bg i {
        margin-left: 10px;
    }

    .header_bg {
        padding: 40px 0;
    }
    .header_logo {
        width: 100px;
        height: 84px;
    }
    .header_logo img {
        display: block;
        width: 100%;
    }
    
    
    .header_l {
        margin-left: 10px;
        padding-top: 15px;
    }
    .header_l span {
        display: block;
        margin-bottom: 10px;
        width: 700px;
        font-size: 50px;
        font-weight: bold;
        line-height: 50px;
        color: #3559a7;
    }
    .header_l p {
        display: block;
        width: 700px;
        font-size: 18px;
        color: #333;
        line-height: 18px;
    }
    
    
    .header_r {
        padding-top: 2px;
    }
    .header_r img {
        display: block;
    }
    .header_r span {
        display: block;
        width: 172px;
        font-size: 14px;
        color: #333;
    }
    .header_r p {
        display: block;
        padding-top: 5px;
        padding-left: 15px;
        max-width: 290px;
        font-family: "Arial";
        font-size: 26px;
        font-weight: bold;
        color: #3559a7;
        line-height: 34px;
    }


    
/* 导航 */
.mod1024 .nav_bg{width:100%; height:55px; background:#3559a7 ;}
.mod1024 .nav{ height:55px; margin:0 auto;}
.mod1024 .nav li{ width:12%; height:55px; float:left; text-align:center; line-height:55px; position: relative;}
.mod1024 .nav > ul > li:after{ content: "|" ; position: absolute; right: 0; top: 0; color: #eee; font-weight: 100;}
.mod1024 .nav li.a_nav:after,.mod1024 .nav li:last-child:after,.mod1024 .nav li:hover:after{ display: none;}
.mod1024 .nav li a{color:#fff; font-size:18px; font-weight:bold; display:block;}
.mod1024 .nav > ul > li > a:hover,.mod1024 .nav > ul > .a_nav > a{background-color:#57ba46 ;}

.mod1024 .nav li .menu {
    position: relative;
    display: none;
    z-index: 999;
}
.mod1024 .nav li .menu li {
    display: block;
    float: none;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #3559a7;
}
.mod1024 .nav li .menu li a:hover {
    background-color:#57ba46 ;
}










.mod1117 .prod_bg{width: 100%;height: auto;background:url(../images/4zjKe8UkIr7TbAR_msRPwmUZJyaAwmDx0fN-rjROYkJjJyDuQwv5OgR4dj6syrg0b-K7nXdM03YoOi1HCrC62uVyaQu7eFrhVe7s4KMZY7Y.1.jpg) ;padding-bottom:125px;position:relative;}
.mod1117 .prod_titis{text-align: center;height: 122px; padding-top: 64px;}
.mod1117 .prod_titis h4 {font-size:50px; color: #3559a7 ;height: 63px;line-height: 63px;font-weight: bold;}
.mod1117 .prod_titis p{font-size:22px;color: #616161;padding-top: 10px;}

.mod1117 .pord_t span{display: block;width:912px;height: 41px;margin: 0 auto;margin-top: 90px;}
.mod1117 .pord_t p{font-size: 26px;line-height: 26px;color: #333;text-align: center;margin-top: 26px;}
.mod1117 .pord_nav{height: 58px;margin-bottom: 30px;}
.mod1117 .pord_nav a{line-height: 58px;color: #3559a7;font-size: 18px;padding-left: 22px;margin-left: 30px;position: relative; padding: 15px 30px; border: 1px solid #3559a7;}
.mod1117 .pord_nav a:hover{color:#57ba46 ;}
.mod1117 .pord_nav a:nth-child(1){margin-left:0px;}
.mod1117 .prod_d{margin-top: 60px;}
.mod1117 .prod_dl{width: 664px;}
.mod1117 .prod_dl a{margin-bottom: 32px; display: block;}
.mod1117 .prod_dl a.a1{}
.mod1117 .prod_dl a:nth-child(2n){margin-left: 32px;}
.mod1117 .prod_dr{width: 580px;}
.mod1117 .prod_dr h3{font-size: 30px;line-height: 30px;color: #3559a7 ;}
.mod1117 .prod_dr i{display: block;width: 28px;height: 2px;background:  #d3d3d3;margin-bottom: 10px;margin-top: 15px;}
.mod1117 .prod_dr p{font-size: 16px; height: 48px; line-height: 24px;color:#333; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.mod1117 .prod_dr span{width:505px; height: 36px; display: block;font-size: 12px;line-height: 18px;color: #999;font-family:Arial, Helvetica, sans-serif;font-weight:normal;margin-top: 6px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.mod1117 .prod_dr a{margin-top: 32px;display: block;}
.mod1117 .prod_dr a.a3{margin-top: 12px;}
.mod1117 .prod_dr img{width: 505px;height: 505px;}

.mod1117 .prod_d a{overflow: hidden;display:block;position: relative;}
.mod1117 .prod_dl a img{width:316px;height:316px;}
.mod1117 .prod_d a p{position: absolute;width:316px;height: 316px;left: 0;top: 0;font-size: 22px;line-height: 290px;text-align: center;color: #fff;z-index: 989;opacity: 0;}
.mod1117 .prod_d .prod_dr a p{width:505px;height: 505px;left: 0;top: 0;font-size: 26px;line-height: 420px;text-align: center;color: #fff;z-index: 989;opacity: 0;}
.mod1117 .prod_d a:hover p{opacity: 1;}
.mod1117 .prod_d a:after{display:block; opacity: 0;position: absolute;content: '';background:rgba(0,0,0,0.3);background-image: url(../images/4zjKe8UkIr7TbAR_msRPwmUZJyaAwmDx0fN-rjROYkJjJyDuQwv5OgR4dj6syrg0b-K7nXdM03YoOi1HCrC62lZoXp68Y5K3WTe3npqHtgA.1.png);width:100%;height:100%; -webkit-transition: all 0.4s; transition: all 0.4s;top: 0;    background-position: center;background-repeat: no-repeat;}
.mod1117 .prod_d a:hover:after{ opacity: 1;}

.mod1117 .prod_d img{-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mod1117 .prod_d a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.mod1117 .pord_nav1{    display: inline-block; width: 100%;}
.mod1117 .pord_nav2{    text-align: center;}
.mod1117 .pord_img_btn{position: absolute; height: 40px; line-height: 40px; padding: 0 20px; border: 1px #ddd solid; background: #f1f1f1; border-radius: 5px; top: 10px; left: 50%;z-index:999;}



.pro img {width: 100%;}
.pro_name {font-size: 20px;text-align: center;padding: 15px 0;color: #333;background: #fff;}

.prod_bg .swiper-button-prev {
    width: 73px;
    height: 32px;
    background: url(../images/image_12.jpg) center no-repeat;
    bottom: 58px;
    top: auto;
    margin-top: 0;
    left: 45%;
     opacity:1;
}

.prod_bg .swiper-button-next {
    width: 73px;
    height: 32px;
    background: url(../images/image_14.jpg) center no-repeat;
    bottom: 58px;
    top: auto;
    margin-top: 0;
    right: 45%;
    opacity:1;
}









 /*优势*/
.ys_bj {
    overflow: hidden;
    font-family: "Microsoft Yahei";
}

.ystit {
    position: relative;
    background: url(../images/4zjKe8UkIr7TbAR_msRPwtVG5em6qqcX0WyXO3ktSaihEalXGf0gPqnNPwkLE_auw2LqRCEQl6cLUHbmo-LfNQ.2.jpg) no-repeat center 0;
    color: #fff;
    padding-top: 58px;
    height: 350px;
    box-sizing: border-box;
    text-align: center;
    font-size: 36px;
}

.ys_bj .tit01 {
    color: #fff;
    position: relative;
}
.ys_bj .tit01 img {
    position: absolute;
    top:110px;
    left:310px;
    z-index: 99;
    
}
.ys_bj .tit01 p {
    font-weight:bold; font-size:54px; line-height:54px;
}


.ys_bj .tit01 span {
    color: #222;
    display: block;
    font-size: 40px;
    font-weight: normal;
    padding-top: 90px;
    padding-left: 492px;
    text-align: left;
}

.ys_bj .tit01 span b {
    font-weight: bold;
    padding-left: 3px;
}

.ys_bj .tit01 span em {
    font-size: 13px;
    color: #d7d7d7;
    display: block;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.ys1 {
    height: 587px;
    padding-top: 13px;
    background: url(../images/2C9A9E19-BE63897E-D4C58B28-6B7E22EC0.jpg) no-repeat center top;
    overflow: hidden;
    box-sizing: border-box;
}

.ys1 .dl1 {
    height: 253px;
    overflow: hidden;
    width: 600px;
    float: left;
}


.ys1 .dl1 dd b {
    color: #ff3000;
}

.ys1 .dl2 {
    height: 253px;
    overflow: hidden;
    width: 600px;
    float: left;
}

.ys dl dt {
    font-size: 28px;
    height: 98px;
    line-height: 98px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    padding-left: 177px;
    margin-bottom: 30px;
}

.ys dl dd {
    width: 510px;
    line-height: 30px;
    color: #333333;
    font-size: 16px;
    padding-left: 15px;
}

.ys1 .dl2 dd b {
    color: #ff3000;
}

.ys2 {
    height: 641px;
    padding-top: 60px;
    background: url(../images/1262CB1B-4674E459-7A4DA6C2-73BA48970.jpg) no-repeat center top;
    overflow: hidden;
    box-sizing: border-box;
}

.ys2 .dl1 {
    height: 253px;
    overflow: hidden;
    width: 534px;
    float: right;
}


.ys2 .dl1 dd b {
    color: #ff3000;
}

.ys2 .dl2 {
    height: 253px;
    overflow: hidden;
    width: 534px;
    float: right;
}


.ys2 .dl2 dd b {
    color: #ff3000;
}   
.ys .content {
    position: relative;
}
.ys .ys_bg01 {
    width: 500px;
    height: 400px;
    position: absolute;
    top: 0;
    right: 0;
}
.ys .ys_bg02 {
    width: 500px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
}





















        .mod1096 .case_bg{
            background: url(../images/4zjKe8UkIr7TbAR_msRPwmUZJyaAwmDx0fN-rjROYkIiJGGptk_cACR5mi_RfzLt9gRNimvk0UwKYdst3fXKdhKPrUgSkKJO43gB_HBbdFbvM74oW_g6qIbowyglPFCT.jpg) bottom center no-repeat;
            position: relative;
            padding: 70px 0;
        }
        .mod1096 .case_bg_btn{position: absolute; height: 40px; line-height: 40px; padding: 0 20px; border: 1px #ddd solid; background: #f1f1f1; border-radius: 5px; top: 10px; left: 50%;}
        .mod1096 .case_title{
            font-weight: bold;
            color: #3559a7;
            height: 80px;
            font-size: 50px;
            line-height: 64px;
            margin: 0 auto;
            text-align: center;
            background: url(../images/4zjKe8UkIr7TbAR_msRPwmUZJyaAwmDx0fN-rjROYkIiJGGptk_cACR5mi_RfzLt9gRNimvk0UwKYdst3fXKdiaJSZnDdLsdUCny383Iz05Z4n2qFCa3XkR6uAbP1xx-.png) bottom center no-repeat;
        }
        .mod1096 .case_detail{
            font-size: 25px;
            line-height: 40px;
            font-weight: normal;
            color: #444;
            text-align: center;
        }
        .mod1096 .case_content{
            margin-top: 70px;
        }
        .mod1096 .case_content_ul li{
            width: 49%;
            display: block;
            margin-bottom: 40px;
            float: left;
        }
        .mod1096 .case_content_ul li:nth-child(2n+1){
            margin-right:1%;
        }
        .mod1096 .case_list_content img{
            border: 3px solid #fff;
            float: left;
            height: 200px;
            width: 300px;
            margin-right: 20px;
            vertical-align: bottom;
        }
        .mod1096 .case_list_title a{
            font-size: 24px;
            color: #3559a7;
            line-height: 35px;
            margin-top: 10px;
            display:block;
        }
        .mod1096 .case_list_detail{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            margin-top: 5px;
            line-height: 28px;
             font-size: 18px;
        }
 















  .mod1138 .about_bg {
            padding: 100px 0;
        }
        .mod1138 .about_div img{
            margin-right: 20px;
            width: 606px;
            height: 411px;
        }
        .mod1138 .about_title{
            font-size: 50px;
            line-height: 60px;
            font-weight: bold;
            color: #3559a7;
        }
        .mod1138 .about_title span.special{
            color: #666;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
        }
        .mod1138 .about_cname{
            padding-top: 10px;
            font-size: 28px;
            line-height: 30px;
            color: #3559a7;
            
        }
        .mod1138 .about_detail{
            padding-top: 15px;
            height: 240px;
            line-height: 36px;
            font-size: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical;
        }
        
        .mod1138 .about_btn{
            display: inline-block;
            width: 152px;
            text-align: center;
            height: 50px;
            line-height: 50px;
            background: #f1f1f1;
            position: relative;
            z-index: 6;
            margin-right: 30px;
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.3s linear;
            font-size: 16px;
            background: #3559a7;
            color: #fff;
        }
/*企业环境*/
.scroll_photo {
    position: relative;
    margin-top: 50px;
    height: 280px;
}

.scroll_photo .scrll_bottom {
    width: 50px;
    height: 50px;
    background: #343434 url(files/images/scroll_icon.png) no-repeat;
    display: block;
    position: absolute;
    top: 80px;
    cursor: pointer;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.scroll_photo .scrll_bottom:hover {
    background-color: #3559a7;
}
.scroll_photo .next:after {
    content: '';
    border-bottom: 50px solid #343434;
    border-right: 13px solid transparent;
    position: absolute;
    bottom: 0;
    right: -13px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.scroll_photo .next:hover:after {
    border-bottom: 50px solid #3559a7;
    border-right: 13px solid transparent;
}

.scroll_photo .prev:after {
    content: '';
    border-bottom: 50px solid #343434;
    border-left: 13px solid transparent;
    position: absolute;
    bottom: 0;
    left: -13px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.scroll_photo .prev:hover:after {
    border-bottom: 50px solid #3559a7;
    border-left: 13px solid transparent;
}

.scroll_photo .next:before {
    content: '';
    border-top: 10px solid #454545;
    border-left: 25px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 0;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.scroll_photo .prev:before {
    content: '';
    border-top: 10px solid #454545;
    border-right: 25px solid transparent;
    position: absolute;
    bottom: -10px;
    right: 0;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.scroll_photo .next:hover:before {
    border-top: 10px solid #3559a7;
    border-left: 25px solid transparent;
}

.scroll_photo .prev:hover:before {
    border-top: 10px solid #3559a7;
    border-right: 25px solid transparent
}

.scroll_photo .next {
    left: -25px;
    background-position: left center;
}

.scroll_photo .prev {
    right: -25px;
    background-position: right center
}

.scroll_photo .bd li {
    float: left;
    width: 285px;
    position: relative;
    margin-right: 20px;
}

.scroll_photo .bd li a img {
    display: block;
    width: 285px;
    height: 214px;
}

.scroll_photo .bd .scroll_tit {
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    width: 100%;
    position: relative;
    text-align: center;
    top: 0;
    margin: 0 auto;
}

.scroll_photo .bd .scroll_tit a {
    font-size: 14px;
    color: #333;
    line-height: 40px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.scroll_photo .bd li:hover .scroll_tit {
    width: 90%;
    margin: 0 auto;
    background: #3559a7;
    top: -20px;
}

.scroll_photo .bd li:hover .scroll_tit a {
    color: #fff;
    font-size: 16px;
}






   .mod1097 .news_bg{
            position: relative;
            padding: 70px 0;
            background: #f1f1f1;
        }
        .mod1097 .news_title{
            font-weight: bold;
            color: #3559a7;
            height: 80px;
            font-size: 50px;
            line-height: 64px;
            margin: 0 auto;
            text-align: center;
            background: url(../images/4zjKe8UkIr7TbAR_msRPwmUZJyaAwmDx0fN-rjROYkIiJGGptk_cACR5mi_RfzLtlhUikV9UEKiYyIRxxb8XD8TeqXDnuZ6g6Uigxkf56jxLGIV7uYF5uJa8cgmq146k.png) bottom center no-repeat;
        }
        .mod1097 .news_detail{
            font-size: 25px;
            line-height: 40px;
            font-weight: normal;
            color: #444;
            text-align: center;
        }
        .mod1097 .news_content{
            margin-top: 30px;
        }
        .mod1097 .news_tab{
            text-align: center;
            margin-bottom: 30px;
        }
        .mod1097 .news_tab li{
            display: inline-block;
            margin: 0 15px;
        }
        .mod1097 .news_tab li a{
            font-size: 18px;
            color: #444;
            line-height: 38px;
            border: 1px solid #cdcdcd;
            display: block;
            border-radius: 15px;
            padding: 0 30px;
        }
        .mod1097 .news_tab li.on a{
            color: #fff;
            background: #3559a7;
            border: none;
        }
        .mod1097 .news_content_ul li{
            float: left;
            width: 335px;
            margin: 0 7px 10px;
        }
        .mod1097 a img{
            border: 1px solid #f1f1f1;
            width: 100%;
            height: 240px;
            vertical-align: bottom;
        }
        .mod1097 .news_list_detail{
            box-shadow: 0px 5px 5px #cdcdcd;
            height: 200px;
            padding: 10px;
            width: 315px;
        }
        .mod1097 p.news_list_title{
            position: relative;
        }
        .mod1097 p.news_list_title a{
            font-size: 20px;
            line-height: 20px;
            transition: 0.3s all;
        }
        .mod1097 p.news_list_title::after{
            content: '';
            height: 1px;
            width: 0;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            transition: 0.5s all;
            background: #3559a7;
        }
        .mod1097 .news_content_ul li:hover p.news_list_title::after{
            width: 100%;
        }
        .mod1097 .news_content_ul li:hover p.news_list_title a{
            line-height: 40px;
            color: #3559a7;
        }
        .mod1097 .news_list_ms{
            font-size: 16px;
            color: #787878;
            margin-top: 25px;
        }
        .mod1097 .news_list_date{
            color: #cdcdcd;
            display: block;
            margin-top: 50px;
            transition: 0.3s all;
        }
        .mod1097 .news_content_ul li:hover .news_list_date{
            margin-top: 31px;
        }
















.mod1053 .copyright_bg{
            padding-top: 50px;
            width: 100%;
            background:#222;
        }
        .mod1053 .contact_div{
            padding-left: 150px;
        }
        .mod1053 .contact_div p,.mod1053 .copyright_nav p{
            display: block;
            margin-bottom: 20px;
            font-size: 20px;
            color: #fff;
        }
        .mod1053 .contact_ul li{
            font-size: 14px;
            color: #fff;
            line-height: 30px;
            margin-bottom: 10px;
        }
        .mod1053 .contact_ul li img{
            margin-right: 7px;
        }

        .mod1053 .nav_ul {
            min-width: 190px;
            max-width: 200px;
            min-height: 150px;
        }
        .mod1053 .nav_ul li{
            height: 37px;
            line-height: 38px;
            display: inline-block;
            margin-right: 60px;
        }
        .mod1053 .nav_ul li:nth-child(2n){
            margin-right: 0;
        }
        .mod1053 .nav_ul li a{
            display: block;
            font-size: 14px;
            color: #fff;
        }
        .mod1053 .qr_code{
            max-width: 350px;
        }
        .mod1053 .qr_code_ul li{
            float: left;
            margin-right: 10px;
        }
        .mod1053 .qr_code_ul li:last-child{
            margin-right: 0;
        }
        .mod1053 .qr_code_ul li .qr_code_img img{
            width: 150px;
            height: 150px;
            background: #fff;
        }
        .mod1053 .qr_code_ul li p{
            width: 100%;
            height: 32px;
            line-height: 32px;
            text-align: center;
            font-size: 14px;
            color: #fff;
        }

        .mod1053 .copyright_content{
            margin-top: 40px;
            height: 60px;
            text-align: center;
            color: #fff;
            line-height: 58px;
            border-top: 1px solid #333;
        }
        
        .mod1053 .copyright_content a{
            color: #fff;
        }
        .mod1053 .contact_ul .dicon {
            font-size: 28px;
            color: #fff;
            vertical-align: middle;
            padding-right: 8px;
        }





 /* 产品分类 */
        .mod1149 .pro_class_bg{
            width:240px;
        }
        .mod1149 .pro_class_title{
            background:#3559a7 url(../images/left_title_bg.png) top center no-repeat; 
            overflow: hidden; 
            color:#fff; 
            font-size:22px; 
            font-weight:bold; 
            border-radius: 5px 5px 0 0;
        }
        /*.list_t span{font-family:Arial, Helvetica, sans-serif; color:#53B7FE; font-size:14px; font-weight:400;}*/
        .mod1149 .pro_class_title_en_one{
            float: left;
            font-size: 96px;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 110px;
            font-weight: bold;
            padding-left: 8px;
            text-transform: uppercase;
            padding-right: 3px;
            opacity: 0.5;
            /*margin-right: 10px;*/
        }
        .mod1149 .pro_class_title_ch p{
            font-size: 26px;
            font-weight: bold;
            line-height: 42px;
            margin-top: 26px;
        }
        .mod1149 .pro_class_title_ch span{
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 24px;
        }
        .mod1149 .pro_class_content{
            width:100%;
            box-sizing: border-box; 
            background: transparent; 
            border: 1px #ddd solid;
            padding:9px 0;
            border-radius: 0 0 5px 5px;
        }
        .mod1149 .pro_class_content li{
            padding: 0 15px;
            margin-bottom: 15px;
        }
        .mod1149 .pro_class_content li a{ 
            display: block; 
            height: 40px; 
            line-height: 40px; 
            font-weight: bold;  
            font-size: 14px; 
            color: #fff;
            position: relative;
            overflow: hidden;    
            text-overflow: ellipsis;    
            white-space: nowrap;
            padding-left: 10px;
            padding-right: 20px;
            box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
            background: #3559a7;
            border-radius: 5px;
        }
        .mod1149 .pro_class_content li a i{
            font-weight: normal;
        }
        .mod1149 .pro_class_content li a:hover,.mod1149 .pro_class_content li a:hover::after{ 
            background: #57ba46;
            border-color: #57ba46;
        }