@charset "utf-8";
/* html { font-size: 37.5%; -webkit-text-size-adjust: 100%; }
@media screen and (min-width:320px) and (max-width:375px) { html { font-size: 37.5%; } }
@media screen and (min-width:376px) and (max-width:414px) { html { font-size: 43.75%; } }
@media screen and (min-width:415px) and (max-width:639px) { html { font-size: 50%; } }
@media screen and (min-width:640px) and (max-width:719px) { html { font-size: 56.25%; } } */

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; }

/*
.container { padding-left: 0px; padding-right: 0px; }
.row  { margin-left: 0px; margin-right: 0px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 8px;
  padding-right: 8px;
} */

@media screen and (min-width: 1440px) {
  .container { width: 1200px !important; }
  .index-banner .container, .index-dt, .index-news, .index-about, .footer .container { width: 1440px !important; }
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .container { width: 1200px !important; }
}
@media screen and (max-width:1199px) { html { font-size: 56.25%; } }
@media screen and (max-width:992px) { html { font-size: 50%; } }
@media screen and (max-width:768px) {}
@media screen and (max-width:576px) {}

body {font-size: 1.6rem; line-height: 1.5; font-family: "Microsoft YaHei", Arial, Verdana, Tahoma, Helvetica, sans-serif; color: #333333; background-color: #FFFFFF; text-align: left; }
/*css定义超链接四个状态也有顺序的。*/
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover, a:active { text-decoration: none; color: #005CA5; }
img{ max-width: 100%; vertical-align: middle; border-style: none; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; aspect-ratio: attr(width) / attr(height); }
.scale:hover { transform: scale(1.1); }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #DBDCDD; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #DBDCDD; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #DBDCDD; }
.texthide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*顶部*/
.header { width: 100%; height: 7.5rem; position: fixed; left: 0; top: 0; z-index: 999; background-color: #FFFFFF; }
.header .nav { width: 98%; height: 100%; max-width: 192rem; margin: 0 auto;   }
.header .nav .fl { width: 19.4rem; margin-top: 2.3rem; }
.header .nav .fr { height: 100%; }
.header .nav .fr .menu { float: left; padding-right: 15rem; position: relative; }
.header .nav .fr .menu>ul>li { float: left; padding: 0 2rem; line-height: 7.3rem; }
.header .nav .fr .menu>ul>li>a { font-size: 1.8rem; font-weight: 500; color: #333333; display: block; }
.header .nav .fr .menu>ul>li>a.cur, .header .nav .fr .menu>ul>li>a.cur2, .header .nav .fr .menu>ul>li>a:hover { color: #005CA5; border-bottom: 2px solid #005CA5; }

.header .nav .fr .menu .sub { width: 100%; height: 13rem; position: fixed; left: 0; top: 7.5rem; z-index: 999; background-color: rgba(255,255,255,1); display: none; border-top: 1px solid #DBDCDD; }
.header .nav .fr .menu .sub .list { width: 95%; height: 100%; max-width: 192rem; margin: 0 auto; text-align: center; }
.header .nav .fr .menu .sub .list ul li { display: inline-block; padding: 5rem 0; margin: 0 3rem; line-height: normal;}
.header .nav .fr .menu .sub .list ul li a { font-size: 1.8rem; font-weight: 500; color: #333333; display: block; background: url(../img/icon-arrowright.png) center right no-repeat; padding-right: 1rem; }
.header .nav .fr .menu .sub .list ul li a.cur, .header .nav .fr .menu .sub .list ul li a:hover { color: #005CA5; background-image: url(../img/icon-arrowright2.png);}

/*产品服务*/
.header .nav .fr .menu .product, .header .nav .fr .menu .apply { height: auto; padding: 2rem 0; }
.header .nav .fr .menu .product .list, .header .nav .fr .menu .apply .list { max-width: 1440px; }
.header .nav .fr .menu .product .list .fl { width: 0%; display: none; }
.header .nav .fr .menu .product .list .fl .txt a { width: 12rem; height: 4rem; line-height: 4rem; border-radius: 1.5rem; text-align: center; background-color: #7c7c7c; color: #FFFFFF; margin: 1rem auto; cursor: pointer; display: block; }
.header .nav .fr .menu .product .list .fl .txt a:hover { background-color: #005CA5; }
.header .nav .fr .menu .product .list .fr { width: 100%; padding-left: 3rem; display: flex; flex-wrap: wrap; }
.header .nav .fr .menu .product .list ul li.noimg { display: none; }
.header .nav .fr .menu .product .list ul li.img { width: 13rem; margin: 2rem 2.2rem; padding: 0;  }
.header .nav .fr .menu .product .list ul li.img a, .header .nav .fr .menu .product .list ul li.img a:hover { background-image: none; padding: 0; }
.header .nav .fr .menu .product .list ul li.img .img { width: 10rem; margin: 0 auto; overflow: hidden; }
.header .nav .fr .menu .product .list ul li.img .img img:hover { transform: scale(1.2); }
.header .nav .fr .menu .product .list ul li.img .name { font-size: 1.6rem; margin-top: 1rem; }

/*应用领域*/
.header .nav .fr .menu .apply .list ul { display:inline-flex; }
.header .nav .fr .menu .apply .list ul li.noimg { display: none; }
.header .nav .fr .menu .apply .list ul li.img { width: 15rem; margin: 2rem 1rem; padding: 0; }
.header .nav .fr .menu .apply .list ul li.img a, .header .nav .fr .menu .apply .list ul li.img a:hover { background-image: none; padding: 0; }
.header .nav .fr .menu .apply .list ul li.img .img { width: 12rem; margin: 0 auto; overflow: hidden; }
.header .nav .fr .menu .apply .list ul li.img .img img:hover { transform: scale(1.2); }
.header .nav .fr .menu .apply .list ul li.img .name { margin-top: 1.5rem; }
.header .nav .fr .menu .apply .list ul li.img .name a { font-size: 1.4rem; margin-top: 1rem; }


.header .nav .fr .search { width: 8rem; height: 100%; background: url(../img/icon-search.svg) center center no-repeat; background-size: 40%; float: left; cursor: pointer; font-size: 1.8rem; }
.header .nav .fr .search .search-bg { width: 100%; height: 13rem; position: fixed; left: 0; top: 7.5rem; z-index: 999; background-color: rgba(255,255,255,1); display: none; border-top: 1px solid #DBDCDD; }
.header .nav .fr .search .search-bg .search-box { width: 60%; max-width: 75rem; margin: 4rem auto; position: relative;   }
.header .nav .fr .search .search-bg .search-box input {width: 80%; height: 4rem; line-height: 4rem; border: 1px solid #DBDCDD; background-color: #FFFFFF; padding-left: 4rem; }
.header .nav .fr .search .search-bg .search-box .search-btn { width: 21%; height: 4rem; line-height: 4rem; background-color: #005CA5; color: #FFFFFF; border: none; position: absolute; top: 0; right: 0; padding: 0; }
.header .nav .fr .search .search-bg .search-box::after { width: 1.9rem; height: 1.9rem; background: url(../img/icon-search.png) center center no-repeat; background-size: 100%; position: absolute; left: 1.5rem; top: 1rem; content: ""; display: block; opacity: 0.3;  }

.header .nav .fr .lang { width: 14rem; position: absolute; right: 0; top: 2rem;  z-index: 1000; }
.header .nav .fr .lang .item { width: 100%; }
.header .nav .fr .lang .item ul li { border: 1px solid #DCDCDC; cursor: pointer; display: none; background-color: #FFFFFF; height: 3.5rem; line-height: 3.5rem; position: relative; }
.header .nav .fr .lang .item ul li:first-child { /*background: url(../img/icon-arrowdown.png) 11.5rem center no-repeat;*/ display: block; }
.header .nav .fr .lang .item ul li:first-child::after { width: 10px; height: 10px; position: absolute; top: 1rem; right: 1rem;  content: ""; display: block; border-top: 1px solid #404040; border-right: 1px solid #404040; transform: rotate(135deg); }

.header .nav .fr .lang .item ul li:last-child { margin-top: -1px; }
.header .nav .fr .lang .item ul li img { margin: 0 1rem; }

.header .nav .fr .navbar-toggle { float: left; margin: 1.8rem 0 0 1rem; display: none; cursor: pointer; }
.header .nav .fr .navbar-toggle span { display: block; width: 2.5rem; height: 2px; background-color: #333; position: relative; z-index: 1;
  transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1); }
.header .nav .fr .navbar-toggle span:first-child { transform-origin: 0% 0%; }
.header .nav .fr .navbar-toggle span:nth-child(2) { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.header .nav .fr .navbar-toggle span:nth-child(3) { transform-origin: 0% 100%; }
.header .nav .fr .active>span { opacity: 1; }
.header .nav .fr .active>span:first-child { opacity: 0; transform: rotate(0) scale(.2); }
.header .nav .fr .active>span:nth-child(2) { transform: rotate(-45deg) translateY(-1px); }
.header .nav .fr .active>span:nth-child(3) { transform: rotate(45deg) translate(-9px,-12px); }
.header .nav .fr .active:after { width: 2rem; }
.submenubg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; background-color: rgba(0,0,0,0.3); display: none;}
    
 /* 底部 */
.footer {width: 100%; font-size: 1.5rem; background-color: #EEF0F5; padding-top: 5rem; }
.footer a { font-size: 1.5rem; }
.footer .container { position: relative; }
.footer .container .row .logo { width: 19.4rem; }
.footer .container .row h3 {  padding-top: 1rem;}
.footer .container .row .add { line-height: 2.4rem; margin-top: 2rem; }
.footer .container .row .item { width: 20%; float: left; }
.footer .container .row .item h4 { line-height: 3rem; padding-bottom: 1.5rem; }
.footer .container .row .item h4 a { font-size: 1.8rem; font-weight: 600; }
.footer .container .row .item ul li {  padding: 0.8rem 0rem; }
.footer .container .row .item .more { cursor: pointer; }

.footer .container .ewm { position: absolute; left: 15px; bottom: 15rem; }
.footer .container .ewm ul li { float: left; width: 3rem; margin-right: 2rem; cursor: pointer; position: relative; }
.footer .container .ewm ul li:last-child { width: 2.5rem; }
.footer .container .ewm .wx { position: absolute; width: 12rem; bottom: 4rem; left: -5rem; display: none; }

.footer .container .link { margin: 3rem auto 1rem auto; }
.footer .container .link a { padding: 0 1.5rem; }
.footer .container .link .fl a:first-child { padding-left: 1rem; }

.footer .container .copyright { border-top: 1px solid #DBDCDD; text-align: center; padding: 3rem 0; line-height: 3rem; }
.footer .container .copyright span { display: inline-block; }
.footer .container .copyright .line { width: 1px; height: 1.6rem; background: #333333; display: inline-block; margin: 0.4rem 1rem 0 1rem; }
.footer .container .copyright ul { display: inline-block; }
.footer .container .copyright ul li { display: inline-block;  margin: 0 1rem; }
.footer .container .copyright ul li:last-child { margin-right: 0; }

/* 返回顶部 */
.gotop { display: none; position: fixed; right: 0; bottom: 3rem; width: 4rem; height: 4rem; background-color: #7c7c7c; z-index: 10000; opacity: 0.7; cursor: pointer; }
.gotop:hover { opacity: 1; }
.gotop::after {  width: 2rem; height: 2rem; position: absolute; top: 1.5rem; left: 1rem;  content: ""; display: block; border-top: 4px solid #ffffff; border-right: 4px solid #ffffff; transform: rotate(-45deg); }


/*分页*/
.paging { margin: 4rem auto; text-align: center; }
.paging a, .paging span { width: 5rem; height: 4rem; line-height: 4rem; display: inline-block; color: #333333; font-size: 1.8rem; text-align: center; margin: 5px 5px; background-color: #ffffff; border: 1px solid #DBDCDD; border-radius: 5px; cursor: pointer; }
.paging a:hover, .paging a.cur, .paging span:hover, .paging span.cur { background-color: #005CA5; color: #ffffff; border: 1px solid #005CA5; }

.loading { text-align: center; margin: 2rem auto; display: none; }
.loading h3 { font-size: 1.8rem; padding: 1rem 0; }

/*内页主体*/
.page-main { width: 100%; height: auto; overflow: hidden; background-color: #F5F6F9; border-top: 1px solid #DBDCDD; margin-top: 7.5rem; }
.page-main .breadcrumbs .container { padding: 1.5rem 2rem; }
.page-main .breadcrumbs .container .sep { padding: 0 1rem;}
.page-main .content { background-color: #FFFFFF; margin-bottom: 4rem; padding-bottom: 4rem; }
.page-main .content .subnav { margin: 3rem -15px; padding: 0 4rem; color: #A8A8A8; line-height: 3rem; }
.page-main .content .subnav ul li { float: left; }
.page-main .content .subnav .sep { padding: 0 4.5rem;}
.page-main .content .subnav ul li a { font-size: 1.8rem;  color: #A8A8A8; }
.page-main .content .subnav .cur a { color: #005CA5; }
.page-main .content .page-banner { position: relative; margin: 0 -15px 0 -15px; overflow: hidden; }
.page-main .content .page-banner h3 { font-size: 3rem; font-weight: 500; color: #FEFEFF; position: absolute; left: 17rem; top: 12rem; }
.page-main .content .btn-download { background-color: #005CA5; color: #ffffff; padding: 2rem 0rem;  display: block; margin: 4rem auto; text-align: center; width: 16rem; display: none; }

/*视频播放模态窗口*/
#videomodal .modal-dialog { width: 90%; max-width: 120rem; margin: 5rem auto 0 auto; }
#videomodal .modal-dialog .modal-content { border-radius: 0; }
#videomodal .modal-dialog .modal-content .modal-header .modal-title { font-size: 1.8rem; }
#videomodal .modal-dialog .modal-content .modal-header .close { font-size: 2.6rem; }
#videomodal .modal-dialog .modal-content .modal-body { padding: 0; }

.im-iframe{ width: 100%; height: 100vh; display: block;  }

/*侧边栏*/
.sidebar { width: 68px; border: 1px solid #E7E7E7; position: fixed; right: 5px; bottom: 20px; background-color: #FFFFFF; z-index: 1000; }
.sidebar .item { width: 100%; border-bottom: 1px solid #E7E7E7; text-align: center; cursor: pointer; padding: 10px 0px; background: transparent; position: relative; line-height: initial; }
.sidebar .item a { display: block; }
.sidebar .item .sub { position: absolute; top: 0; display: none; box-sizing: border-box; padding-right: 15px; }
.sidebar .item .sub .code { background-color: #FFFFFF; border: 2px solid #005BBB;  border-radius: 5px; position: relative; }
.sidebar .item .sub .code:after { width: 15px; height: 15px; position: absolute; top: 20px; right: -9px;  content: ""; display: block; border-top: 2px solid #005BBB; border-right: 2px solid #005BBB; transform: rotate(45deg); background-color: #FFFFFF; }
.sidebar .item .sub .code div { display: inline-block; vertical-align: top; padding: 15px;}
.sidebar .item .sub .code div:last-child { padding-left: 0; }
.sidebar .item .sub .code div p { font-family: SourceHanSansCN; font-size: 12px; color: #4C4C4C; }
.sidebar .item .img { display: inline-block; width: 32px; height: 27px; background-position: center center; background-repeat: no-repeat; margin-bottom: 8px; }
.sidebar .item .text { width: 100%; font-family: SourceHanSansCN; font-weight: 400; font-size: 13px; color: #333333; }
.sidebar .item:hover { background-color: #005BBB; }
.sidebar .item:hover .sub { display: block; }
.sidebar .item:hover .text { color: #ffffff; }
.sidebar .item:last-child { border: none; }

.sidebar .ai .sub { width: 180px; left: -180px; }
.sidebar .ai .img { background-image: url(../img/sidebar/ai1.png); }
.sidebar .ai:hover .img{ background-image: url(../img/sidebar/ai2.png); }
.sidebar .ai .sub .code div p { margin-top: 10px; }

.sidebar .tel .sub { width: 180px; left: -180px; }
.sidebar .tel .sub .code div { width: 100%; text-align: left; }
.sidebar .tel .sub .code div:last-child { padding-left: 15px; }
.sidebar .tel .sub .code div h4 { font-family: SourceHanSansCN; font-size: 12px; color: #4C4C4C; line-height: 25px; }
.sidebar .tel .sub .code .icon-tel { margin-top: 0; margin-bottom: 15px; background: url(../img/sidebar/tel.png) left center no-repeat; padding-left: 20px; line-height: 25px; }
.sidebar .tel .sub .code .icon-time { margin-top: 5px; margin-bottom: 0px; background: url(../img/sidebar/time.png) left center no-repeat; padding-left: 20px;  }
.sidebar .tel .img { background-image: url(../img/sidebar/tel1.png); }
.sidebar .tel:hover .img{ background-image: url(../img/sidebar/tel2.png); }

.sidebar .wechat .sub { width: 280px; left: -280px; }
.sidebar .wechat .img { background-image: url(../img/sidebar/wechat1.png); }
.sidebar .wechat:hover .img{ background-image: url(../img/sidebar/wechat2.png); }

.sidebar .mini .sub { width: 280px; left: -280px; }
.sidebar .mini .img { background-image: url(../img/sidebar/mini1.png); }
.sidebar .mini:hover .img{ background-image: url(../img/sidebar/mini2.png); }

.sidebar .low-carbon .img { background-image: url(../img/sidebar/low-carbon1.png); }
.sidebar .low-carbon:hover .img{ background-image: url(../img/sidebar/low-carbon2.png); }
.sidebar .footprint .img { background-image: url(../img/sidebar/footprint1.png); }
.sidebar .footprint:hover .img{ background-image: url(../img/sidebar/footprint2.png); }
.sidebar .top .img { background-image: url(../img/sidebar/top1.png); }
.sidebar .top:hover .img{ background-image: url(../img/sidebar/top2.png); }

.sidebar-mobile { display: none; }