@charset "UTF-8";
:root{
  --color:#BE1019;
}
/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
q:after,q:before{content:''}
fieldset,img{border:0}
abbr,acronym{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.fix{zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
em{font-weight:400;font-style:normal}
body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;/*border:none;*/-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
/*!-----------------[初始化结束]--------------*/

.wp{width:95%;max-width:1500px;margin:0 auto}
/*!******************************
    -------[=头部]-------
********************************/

/*!******************************
    -------[=公用]-------
********************************/
@media screen and (max-width:1199px){
.wp,.wrap{max-width:none;width:auto;padding:0 35px;}
}

@media only screen and (min-width:1100px){
  .wp{max-width: 78.13vw}
}


/*!****** lib.css end *******/
/*!****** bl *******/
#fullpage{height:100vh}
.g-scr{position:absolute;bottom:5%;left:50%;width:70px;height:70px;margin-left:-35px;z-index:10;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(/xxgcdswcddhztw/images/down.png)}
.g-scr.top{background-image:url(/xxgcdswcddhztw/images/up.png);cursor:pointer}
.myup{-webkit-animation:myup 2s linear infinite;-moz-animation:myup 2s linear infinite;-o-animation:myup 2s linear infinite;animation:myup 2s linear infinite}
@-webkit-keyframes myup{
0%,100%{bottom:5%}
50%{bottom:2%}
}
@-moz-keyframes myup{
0%,100%{bottom:5%}
50%{bottom:2%}
}
@-o-keyframes myup{
0%,100%{bottom:5%}
50%{bottom:2%}
}
@keyframes myup{
0%,100%{bottom:5%}
50%{bottom:2%}
}


.h-so{position:absolute;cursor:pointer;top:100%;right:0;display:none}
.h-so .form{background-color:#fff;width:280px;border:1px solid #00a1e9;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);-moz-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1)}
.h-so .form .inp{display:block;width:100%;height:36px;padding:0 40px 0 10px;font-size:14px;color:#333}
.h-so .form .btn{display:block;position:absolute;top:0;right:5px;width:36px;height:36px;background:url(/xxgcdswcddhztw/images/h-i2a.png) no-repeat center;-webkit-background-size:19px 19px;-moz-background-size:19px;-o-background-size:19px;background-size:19px}

.logo{position:relative;z-index:2;overflow: hidden;float:left;}
.logo img{display:inline-block;vertical-align:middle;max-width:235px;}
.nav{width:180px;position:relative;z-index:2;margin-left:102px}
.nav .v1{display:block;font-size:18px;color:#fff;height:54px;line-height:54px;padding:0 10px 0 20px;position:relative;background-repeat:no-repeat;background-position:center left;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.nav .ok .v1,.nav .on .v1{background-image:url(/xxgcdswcddhztw/images/g-i1.png)}
.row-a1{overflow:hidden;position:relative}
.row-a1 .left-pic,.row-a1 .right-pic{position:absolute;top:0;bottom:0;width:50%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.row-a1 .left-pic{left:0}
.row-a1 .right-pic{right:0}
.row-a1 .g-titb1{margin-left:46%;text-align:left}
.g-titb1{text-align:center;font-family:SourceHanSerifCN;margin-bottom:6vh;position:relative}
.g-titb1 .h3{font-size:32px;color:#fff}
.g-titb1 .en{font-size:22px;color:#999;text-transform:capitalize}
.g-titb1 .g-more{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.g-titb1.sty1{text-align:left}
.g-titb1.sty1 .h3{color:#193168}
.tac{text-align:center}
.g-more{display:inline-block;font-size:0;line-height:44px;height:46px;border:1px solid #00a1e9;background-color:#00a1e9;padding:0 20px}
.g-more span{display:inline-block;vertical-align:middle;font-size:16px;color:#fff;font-family:SourceHanSerifCN}
.g-more i{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(/xxgcdswcddhztw/images/arr2.png) no-repeat center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-left:12px}
.g-more.sty1{background-color:transparent;border-color:#193168}
.g-more.sty1 span{color:#193168}
.g-more.sty1 i{background-image:url(/xxgcdswcddhztw/images/arr1.png)}
.g-box1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2;height:100vh;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}
.g-box1.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.g-box1.jub{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.ul-news{overflow:hidden;background-color:#fff;padding:40px 12px 0px}
.ul-news li{float:left;width:33.33%}
.ul-news .box{margin:0 28px;overflow:hidden}
.m-card1{display:block;overflow:hidden;position:relative;margin-bottom:25px}
.m-card1:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}
.m-card1 .pic{position:relative;height:0;padding-top:67.5%;overflow:hidden}
.m-card1 .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s}
.m-card1 .txt{position:absolute;bottom:0;left:0;width:100%;background:url(/xxgcdswcddhztw/images/txt-bg.png) no-repeat bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:92px;padding:20px}
.m-card1 .txt .date{display:inline-block;font-size:16px;color:#fff;background-color:#00a1e9;padding:0 5px;text-align:center;margin-bottom:7px}
.m-card1 .txt .tit{font-size:18px;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.news_ls.ul-news{padding-top: 0;padding-bottom: 30px;}
.news_ls .con{display:block;overflow:hidden;padding:15px 0}
.news_ls .con:hover .tit{color:#00a1e9}
.news_ls .date{float:left;font-size:16px;color:#fff;background-color:#00a1e9;padding:0 2px;width:52px;text-align:center;margin-right:15px}
.news_ls .tit{display:block;font-size:16px;color:#333;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.row-a2{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;overflow:hidden}
.img-rtop{display:block;position:absolute;top:0;right:0;width:1386px}
.m-infob1{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.m-infob1 .left{float:left;width:51%;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.m-infob1 .right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.m-infob1 .txt{
  width: 80%;
}
.m-infob1 .pic{position:relative;padding-bottom:6.25vh;padding-right:40px;margin-right:8.5%}
.m-infob1 .pic img{display:block}
.m-infob1 .pic::after{content:"";display:block;width:0;height:0;border-left:6.25vh solid transparent;border-right:6.25vh solid transparent;border-top:6.25vh solid #0266b6;position:absolute;bottom:0;left:0}
.m-infob1 .pic .sm{position:absolute;bottom:0;right:0;width:150px;height:150px;border:5px solid #00a1e9;overflow:hidden}
.m-infob1 .pic .sm img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.m-infob1 .desc{font-size:16px;color:#666;line-height:2.4;margin-bottom:4vh}
.row-a3{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.row-a3 .col-l{width:46%}
.row-a3 .col-r{width:46%;position:relative;height:100%;padding-right:140px}
.row-a3 .col-r::after{content:"";display:block;width:1px;position:absolute;top:0;bottom:0;background-color:#fff;opacity:.1;left:5px}
.row-a3 .col-r .g-more{margin-left:40px}
.r-title{position:absolute;top:10%;right:0;padding-right:45px}
.r-title .h3{font-size:32px;color:#e78b35;font-family:SourceHanSerifCN;width:1em;text-align:center;line-height:1.1}
.r-title .en{position:absolute;width:1em;height:1em;top:70%;right:10px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.r-title .en em{position:absolute;top:-.5em;left:0;font-size:22px;color:rgba(255,255,255,.2)}
.m-infob2 .pic{position:relative;height:0;padding-top:56.25%;overflow:hidden;margin-bottom:3vh}
.m-infob2 .pic::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:120px;background:url(/xxgcdswcddhztw/images/mask.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;pointer-events:none}
.m-infob2 .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.m-infob2 .bot{padding-left:135px;position:relative}
.m-infob2 .title{position:absolute;top:12%;left:0;padding-left:45px}
.m-infob2 .title .h3{font-size:32px;color:#e78b35;font-family:SourceHanSerifCN;width:1em;text-align:center;line-height:1.1}
.m-infob2 .title .en{position:absolute;width:1em;height:1em;top:63px;left:10px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);font-weight:300}
.m-infob2 .title .en em{position:absolute;top:-.5em;left:0;font-size:22px;color:rgba(255,255,255,.2)}
.ul-listb1{margin-bottom:3vh}
.ul-listb1 .con{display:block;overflow:hidden;padding:12px 0}
.ul-listb1 .date{float:right;font-size:18px;color:#00a1e9;font-family:DINPro;margin-left:10px}
.ul-listb1 .tit{font-size:16px;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ul-listb1 .tit:hover{color:#00a1e9}
.row-a4{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listb2{margin:0 -20px}
.ul-listb2 li{float:left;width:33.33%}
.ul-listb2 .con{display:block;-webkit-box-shadow:0 6px 10px rgba(11,22,47,.16);-moz-box-shadow:0 6px 10px rgba(11,22,47,.16);box-shadow:0 6px 10px rgba(11,22,47,.16);margin:0 20px 40px;overflow:hidden;padding:25px 25px 20px;background-color:#fff;position:relative}
.ul-listb2 .con::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/xxgcdswcddhztw/images/txt-bg1.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;opacity:0;pointer-events:none;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ul-listb2 .con:hover::after{opacity:1}
.ul-listb2 .con:hover .line{background-color:#ff7b00}
.ul-listb2 .con:hover .time,.ul-listb2 .con:hover .tit{color:#fff}
.ul-listb2 .con:hover .desc{color:#b9d2ed}
.ul-listb2 .date{float:left;width:21%;text-align:center;margin-right:28px;position:relative;z-index:2}
.ul-listb2 .line{height:6px;background-color:#00a1e9}
.ul-listb2 .time{color:#193168;font-family:DINPro;font-weight:700}
.ul-listb2 .day{font-size:50px;line-height:1.2}
.ul-listb2 .y{font-size:18px;margin-bottom:10px}
.ul-listb2 .arr{height:12px;background:url(/xxgcdswcddhztw/images/arr3.png) no-repeat center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}
.ul-listb2 .txt{overflow:hidden;position:relative;z-index:2}
.ul-listb2 .tit{font-size:18px;color:#333;line-height:1.4;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:2.8em;margin-bottom:17px}
.ul-listb2 .desc{font-size:14px;color:#777;line-height:1.6;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:3.2em}

.fxbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.research{padding:9.2vh 0 0}
.research .swiper-container{height:668px;padding-left:5px}
.research .con{height:100%;display:block;border-top:1px solid rgba(255,255,255,.1);position:relative;padding:30px 10px 10px 36px}
.research .con::before{content:"";display:block;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#00a1e9;position:absolute;top:47px;left:-5px}
.research .con:hover .tit{color:#00a1e9}
.research .date{font-size:26px;color:#00a1e9;font-family:DINPro}
.research .tit{font-size:16px;color:#fff;line-height:1.5;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:3em;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.research .swiper-button-prev{width:49px;height:49px;background-image:url(/xxgcdswcddhztw/images/c-prev.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-top:0;left:auto;right:0;margin-bottom:60px;bottom:0;z-index:10}
.research .swiper-button-next{width:49px;height:49px;background-image:url(/xxgcdswcddhztw/images/c-next.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;left:auto;right:0;bottom:0;margin-top:70px;z-index:10}
.row-a5{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.row-a5 .col-l{width:38.6%;height:100%;position:relative}
.row-a5 .col-l .p-tit{position:absolute;bottom:20%;right:0;margin-right:-30px;width:61px;height:200px;background:url(/xxgcdswcddhztw/images/t-bg.png) no-repeat center;color:#fff;text-align:center;line-height:200px;font-size:0}
.row-a5 .col-l .p-tit span{display:inline-block;vertical-align:middle;font-size:30px;width:1em;line-height:1.2;font-family:SourceHanSerifCN}
.row-a5 .col-r{width:60%}
.ban-types .swiper-container{height:100vh}
.ban-types .swiper-pagination{display:none}
.ban-types .con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;height:100%;border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);padding:5% 14% 5% 8%}
.ban-types .con:hover .txt{color:#00a1e9}
.ban-types .txt{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;font-size:20px;color:#fff;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ban-types .h3,.ban-types .p{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ban-types .h3{margin-bottom:5px}
.ban-types .icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:0}
.ban-types .icon img{display:inline-block;vertical-align:middle;max-width:83px}
.ban-types .swiper-button-prev{width:49px;height:49px;background-image:url(/xxgcdswcddhztw/images/c-prev.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-top:0;left:auto;right:0;margin-right:-25px;top:20%;z-index:10}
.ban-types .swiper-button-next{width:49px;height:49px;background-image:url(/xxgcdswcddhztw/images/c-next.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;left:auto;right:0;margin-right:-25px;top:20%;margin-top:70px;z-index:10}
.m-links_y{width:500px;height:500px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 auto;position:relative;border:5px solid #fff}
.m-links_y .tit{position:absolute;width:130px;top:6%;left:8%;z-index:3;font-family:SourceHanSerifCN;font-size:0}
.m-links_y .pic{width:342px;height:342px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff;overflow:hidden;position:absolute;top:10%;left:12%}
.m-links_y .pic .img{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.m-links_y .dot{position:absolute;display:block;z-index:2;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.m-links_y .dot:hover{margin-top:-10px}
.m-links_y .icon{width:110px;height:110px}
.m-links_y .icon img{display:block;width:100%}
.m-links_y .txt{text-align:center;position:absolute;top:110%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:16px;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m-links_y .txt.right{top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:110%;text-align:left}

/* flex */
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-a {
  flex: 1;
}

.flex-b {
  display: flex;
  justify-content: space-between
}

.flex-c {
  display: flex;
  justify-content: center
}

.flex-e {
  display: flex;
  justify-content: flex-end
}

.flex-w {
  display: flex;
  flex-wrap: wrap;
}

.flex-ac {
  display: flex;
  align-items: center;
}

.flex-cb {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.flex-cc {
  display: flex;
  align-items: center;
  justify-content: center
}

.flex-ce {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.flex-cs {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-shr {
  flex-shrink: 0;
}

.trans {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}

.bgt {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5;height:3em;}

.fadeInUp50 {
  -webkit-animation-name: fadeInUp50;
  -moz-animation-name: fadeInUp50;
  -ms-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
@-webkit-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft50 {
  -webkit-animation-name: fadeInLeft50;
  -moz-animation-name: fadeInLeft50;
  -ms-animation-name: fadeInLeft50;
  animation-name: fadeInLeft50;
}
@-webkit-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight50 {
  -webkit-animation-name: fadeInRight50;
  -moz-animation-name: fadeInRight50;
  -ms-animation-name: fadeInRight50;
  animation-name: fadeInRight50;
}
@-webkit-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.pimg {
  height: 100%;
  width: 100%;
  transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}

.pimg:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.bimg img {
  object-fit: cover;
  display: block;
  transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
  width: 100%;
}

.bimg:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
}


.banner {
  position: relative;
  height: 100vh;
  background-position: top center;
}
.banner  .txt {
    position: absolute;
    width: 100%;
    padding-top: 35px;
}

.menu {
  background: url("/xxgcdswcddhztw/images/bg_nav.png") no-repeat;
  background-size: 100% 100%;
  margin-top: -110px;
  position: relative;
  z-index: 1;
  font-size:22px;
  font-weight: bold;
}

.menu ul {
  padding-top: 15px;
  overflow: hidden;
}

.menu ul li {
  height: 100px;
  width: 14.28%;
  float: left;
  text-align: center;
  line-height: 100px;
  position: relative;
}

.menu ul li::after {
  content: "";
  width: 1px;
  height: 28px;
  background: #FAD3D3;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.menu ul li a {
  display: block;
  color: #fff;
}

.menu ul li:last-child::after {
  display: none;
}

.menu ul li:hover a, .menu ul li.on a {
  color: #EE9C0F;
}



/* footer */
.footer {
  background: #333;
  color: #fff;
  font-size:16px;
  padding: 45px 0;
}
.footer a{
  color:#fff
}
.footer a:hover{
  color:rgba(255,255,255,.8)
}
@media only screen and (min-width:1200px){
  .menu {
    margin-top: -5.73vw;
    font-size: 1.15vw;
  }
  .menu ul {
    padding-top: 0.78vw;
  }
  .menu ul li {
    height: 5.21vw;
    width: 14.28%;
    line-height: 5.21vw;
  }
  .menu ul li::after {
    width: 0.05vw;
    height: 1.46vw;
  }
  

    /* footer */
    .footer {
      padding: 2.34vw 0;
      font-size: .83vw;
  }
}
@media screen and (max-width:1400px){
  .banner{
      height:75vh
  }
  .menu{
    margin-top:-40px;
  }
}
@media screen and (max-width:1199px){
  .m-card1{
    margin-bottom: 0;
  }
  .menu{font-size:18px;}
  .h-nav .dropIcon{position:absolute;top:20px;right:10px;display:block}
  .h-nav .sub{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0;border-top:none}
  .h-nav .sub .v2{text-align:left;padding-left:30px;border-bottom:1px solid #eee}
  #fullpage{height:auto}
  #fullpage>.swiper-wrapper{display:block}
  .bl-snv,.g-scr{display:none!important}
  .banner .pic{position:relative;height:0;padding-top:50%;overflow:hidden}
  .banner .pic .img{position:absolute;top:0;left:0;width:100%}
  .banner .swiper-pagination{right:0;width:100%;text-align:center}
  .banner .swiper-pagination-bullet{width:6px;height:6px;margin:0 6px!important}
  .banner .swiper-pagination-bullet::after{width:12px;height:12px}
  .g-box1{display:block;height:auto}
  .row-a1 .left-pic{display:none}
  .row-a1 .right-pic{width:100%}
  .row-a1 .g-titb1{margin-left:0;text-align:center}
  .row-a1,.row-a2,.row-a3,.row-a4,.row-a5{padding:4vh 0}
  .img-rtop{display: none;}
  .m-infob1 .txt{width: auto;}
  .g-titb1{margin-bottom:4vh}
  .news_ls .date,.news_ls .tit{font-size: 14px;}
  .ul-news.news_ls .box{margin-bottom: 0;}
  .ul-news .box{margin:0 10px 20px}
  .news_ls .con{padding:8px 0}
  .row-a3 .col-l,.row-a3 .col-r{float:none;width:auto}
  .ul-listb2{margin:0 -10px}
  .ul-listb2 li{width:50%}
  .ul-listb2 .con{padding:12px;margin:0 10px 20px}
  .m-infob2 .bot{padding-left:0}
  .row-a3 .col-l{margin-bottom:4vh}
  .row-a3 .col-r{padding-right:0}
  .research{padding:3vh 0}
  .research .swiper-container{height:auto}
  .research .con{padding:12px;border-top:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .research .con::before{display:none}
  .row-a3 .col-r::after{display:none}
  .row-a3 .g-more{display:block;width:150px;margin:0 auto}
  .row-a3 .col-r .g-more{margin-left:auto}
  .ban-types .con{border-left:none;border-right:none;padding-left:2%;padding-right:2%}
  .row-a5 .col-l{margin-bottom:20px}
  .m-links_y{width:auto;height:auto;border:none}
  .m-links_y .tit{position:static;margin:0 auto;width:auto;color:#fff;font-size:24px;text-align:center}
  .m-links_y .tit img{display:none}
  .m-links_y .pic{position:static;margin:20px auto}
  .m-links_y .dots{overflow:hidden}
  .m-links_y .dot{position:static;float:left;width:33.33%;padding:10px;overflow:hidden}
  .m-links_y .dot:hover{margin-top: 0;}
  .m-links_y .icon{margin:0 auto}
  .m-links_y .txt{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
  .m-links_y .txt.right{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;text-align:center}
  .m-infob2 .title,.r-title{position:static;padding:0;text-align:center}
  .m-infob2 .title .h3,.r-title .h3{width:auto}
  .m-infob2 .title .en,.r-title .en{position:static;width:auto;height:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
  .m-infob2 .title .en em,.r-title .en em{position:static}
  .row-a5 .col-l,.row-a5 .col-r{float:none;width:auto}
  .row-a5 .col-l .p-tit{position:static;margin:0;width:auto;height:auto;background:0 0;line-height:1.5;margin-bottom:20px}
  .row-a5 .col-l .p-tit span{width:auto}
  .ban-types .swiper-button-next,.ban-types .swiper-button-prev,.research .swiper-button-next,.research .swiper-button-prev{display:none}
  .ban-types .swiper-container{height:auto}
  .index .header{display:block}
  .banner .h-top{display:none}
  .h-r{position:fixed;top:50px;left:0;width:100%;bottom:0;overflow-y:auto;overflow-x:hidden;background-color:#193065;border-top:1px solid #fff;display:none}
  .header{height:50px}
  .logo-m{line-height:50px}
  .logo-m img{max-height:40px}
  .h-nav{float:none}
  .h-nav li{float:none}
  .fxbox{display:block}
  .fxbox .col-c{display:none}
  .ban-types,.research{margin-bottom:40px}
  .ban-types .swiper-container,.research .swiper-container{padding-bottom:20px}
  .ban-types .swiper-pagination,.research .swiper-pagination{display:block}
  .swiper-pagination{width:100%;text-align:center}
  .swiper-pagination-bullet{margin:0 6px}

  
  .footer{
    padding:30px 0;
    font-size:15px;
  }
  }

  @media screen and (max-width:1100px) {
    .banner{height:75vh;}
    .menu{
      background:var(--color);
    }
    .menu ul{
      padding-top:0;
    }
    .menu ul li {
      font-size: 16px;
      padding:15px 0;
      font-weight: normal;
      white-space: nowrap;
      height: auto;
      line-height: unset;
    }
    }
  @media screen and (max-width: 950px) {
    .banner {
      height:55vh;
    }
    .banner .txt {
      padding-top:35px;
    }
    .logo img {
      max-width:180px;
    }
    .menu {
      background: var(--color);
      margin-top:-10px;
      font-size:17px;
    }
    .menu .wp {
      padding: 0;
    }
    .menu ul {
      padding: 6px 0;
    }
    .menu ul li {
      width: 25%;
      padding: 0 10px;
      margin: 5px 0;
      font-size: 15px;
      font-weight: normal;
      white-space: nowrap;
      height: auto;
      line-height: unset;
    }
    .menu ul li::after {
      height: 80%;
    }
    .menu ul li:nth-child(4)::after {
      display: none;
    }
    .ban_in{margin-top:0;padding-top:32%;}
  }
  @media screen and (max-width:767px){
    .wp,.wrap{padding:0 15px}
    .mgrid{flex-wrap: wrap;}
    .logo img {
      max-width:150px;
    }
    .banner {
      height: 26vh;
    }
    .banner .txt {
      padding-top: 15px;
    }
  .g-titb1 .h3,.m-infob2 .title .h3,.r-title .h3,.row-a5 .col-l .p-tit span{font-size:24px}
  .ban-types .txt,.g-titb1 .en,.m-infob2 .title .en,.m-infob2 .title .en em,.r-title .en,.r-title .en em,.research .tit{font-size:14px}
  .m-links_y .tit{font-size:18px}
  .row-a1{position:relative}
  .row-a1 .wrap{position:relative;z-index:2;padding-bottom:80px}
  .row-a1 .g-box1{position:static}
  .row-a1 .g-titb1 .g-more{bottom:15px;top:auto;right:auto;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
  .row-a1 .g-titb1{position:static}
  .ul-news{padding:15px 15px 0}
  .ul-news li{float:none;width:auto}
  .ul-news .box{margin:0 0 25px}
  .m-card1 .txt{height:auto;padding:8px}
  .m-card1 .txt .tit{font-size:16px}
  .m-card1 .txt .date{font-size:14px}
  .research .date{font-size:16px}
  .row-a2{padding-top:7vh}
  .m-infob1{display:block}
  .img-rtop{display: block;}
  .m-infob1 .left{float:none;width:auto;margin-bottom:20px}
  .m-infob1 .pic .sm{width:80px;height:80px;border-width:2px}
  .m-infob1 .desc{font-size:14px;line-height:1.7}
  .g-more{display:block;width:140px;margin:0 auto;height:36px;line-height:34px}
  .g-more span{font-size:14px}
  .ul-listb1 .date,.ul-listb1 .tit{font-size:14px}
  .ul-listb2{margin:0 0 4vh}
  .ul-listb2 li{float:none;width:auto}
  .ul-listb2 .con{margin:0 0 10px}
  .m-links_y .icon{width:60px;height:60px}
  .m-links_y .txt{font-size:14px}
  .m-links_y .pic{width:55vw;height:55vw}
  .ul-listb2 .date{margin-right:8px}
  .ul-listb2 .line{height:3px;margin-bottom:4px}
  .ul-listb2 .day{font-size:25px}
  .ul-listb2 .y{font-size:16px;margin-bottom:4px}
  .ul-listb2 .tit{font-size:14px;margin-bottom:4px}
  .ul-listb2 .desc{font-size:12px}
  .f-logo{margin-bottom:20px;min-height:auto}
  .fxbox .col-r{float:none;width:auto}
  .f-txt{margin-bottom:20px}
  .f-share{text-align:center}
  .f-share .box{margin:0 5px}
  .h-nav .v1{font-size:16px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.2)}
  .h-top{position:relative;padding:15px}
  .h-top .item{width:auto;display:block;float:none;margin-right:0;text-align:left}
  .h-top .lang{background:0 0;margin-bottom:15px}
  .h-top .so{display:none}
  .h-so{float:none;display:block;clear:both;position:relative;right:0}
  .h-so .icon{display:none}
  .h-so .form{position:static;display:block;width:auto}
  .footer{padding:20px 0;line-height:1.3;text-align: center;font-size:14px;}
  .footer .msg{margin-top:10px;}
  }
  /*!****** bl end *******/
  .banner .link{width: 35%;
 height: 55%;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);}