@charset "utf-8";
/* 导航页 */
.navpage { width: 100%; height: 100%; min-width: 1200px; min-height: 700px; background-image: url(../img/navpage-bg.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative; padding-top: 1px; }
.navpage .center { position: absolute; left: 50%; top: 50%; width: 1200px; height: 600px; margin: -300px 0px 0px -600px; }
.navpage .center .logo { width: 80%; margin: 0px auto; text-align: center; }
.navpage .center .logo img { max-width: 100%; }
.navpage .center .txt  { width: 95%; height: 5rem; margin: 5rem auto 0px auto; overflow: hidden; position: relative; }
.navpage .center .txt ul li { width: 100%; height: 5rem; line-height: 2.5rem; text-align: center; color: #FFFFFF; font-size: 2rem; }
.navpage .center .link { margin: 12rem auto 0px auto; }
.navpage .center .link ul { text-align: center; }
.navpage .center .link ul li { width: 16rem; margin: 0px 8rem; text-align: center; display: inline-block; }
.navpage .center .link ul li h3 { font-family: SourceHanSansCN; font-weight: 500; font-size: 1.8rem; color: #FFFFFF; margin-top: 3.5rem; letter-spacing: 2px;  }

.navpage .center .link .lang { width: 100%; line-height: 4.4rem; color: #FFFFFF; font-size: 16px; border: 2px solid #FFFFFF; border-radius: 3rem; margin-top: 5rem; text-align: center; display: flex; background: url(../img/navpage-line.jpg) center center no-repeat; }
.navpage .center .link .lang:hover { background-color: #FFFFFF; box-shadow: 0px 0px 2rem rgba(255,255,255,1); }
.navpage .center .link .lang:hover a { color: #0D58BD; }
.navpage .center .link .lang a { width: 50%; font-family: SourceHanSansCN; font-size: 1.6rem; color: #FFFFFF; display: inline-block; align-items: center;  }
.navpage .center .link .lang a:hover { background: #0D58BD; border-radius: 3rem; color: #FFFFFF; }

.navpage .copyright{ position: absolute; left: 1%; bottom: 2rem; text-align: center; width: 98%; line-height: 2rem; color: #fff; font-size: 1rem; }
.navpage .copyright a { color: #fff; }

/* 首页 */
.index-banner { position: relative; margin-top: 7.5rem; overflow: hidden; }

/*.index-banner .swiper-button-prev { position: absolute; left: 20px; top: 42%; width: 3rem; height: 3rem; border-top: 3px solid #EEF0F5; border-right: 3px solid #EEF0F5; transform: rotate(225deg); cursor: pointer; z-index: 1000; }
.index-banner .swiper-button-next { position: absolute; right: 20px; top: 40%; width: 3rem; height: 3rem; border-top: 3px solid #EEF0F5; border-right: 3px solid #EEF0F5; transform: rotate(45deg); cursor: pointer; z-index: 1000; }

.index-banner .swiper-pagination { position: absolute; left: 0; bottom: 20px; width: 100%; height: 20px; text-align: center; }
.index-banner .swiper-pagination .swiper-pagination-switch { width: 7.8rem; height: 4px; background-color: #FFFFFF; opacity: 0.32; border-radius: 2px; display: inline-block; margin: 0px 5px; cursor: pointer; }
.index-banner .swiper-pagination .swiper-active-switch { opacity: 1; }*/

.index-banner-prev, .index-banner-next { color: #EEF0F5; }
.index-banner-pagination { bottom: 20px; }
.index-banner-pagination .swiper-pagination-bullet { width: 7.8rem; height: 4px; background-color: #FFFFFF; opacity: 0.32; border-radius: 2px; display: inline-block; margin: 0px 5px; cursor: pointer; }
.index-banner-pagination .swiper-pagination-bullet-active { opacity: 1; }

.index-banner .swiper-slide { text-align: center; position: relative; float: left; }
.index-banner .swiper-slide .con { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: left; }
.index-banner .swiper-slide .con .container { padding-top: 12rem; padding-left: 2rem; color: #001A79; }
.index-banner .swiper-slide .con .container h3 { font-size: 6.4rem; line-height: 6.4rem; font-weight: bold; margin: 2rem auto; vertical-align: initial; transition: all 1s ease; transform: translate(20rem); opacity: 0;  }
.index-banner .swiper-slide .con .container h3 b { font-weight: normal; vertical-align: initial;}
.index-banner .swiper-slide .con .container h4 { font-size: 3rem; opacity: 0; transition: all 1s ease .5s; transform: translate(20rem)  }
.index-banner .swiper-slide-active .con .container h3, .index-banner .swiper-slide-active .con .container h4 { transform: translate(0); opacity: 1; }

.index-dt h3, .index-news h3 {text-align: center; font-size: 3.6rem; line-height: 3.6rem; font-weight: bold; margin: 4rem auto 2rem auto; padding-bottom: 2.8rem; color: #005CA5; position: relative; }
.index-dt h3::after, .index-news h3::after { width: 4.2rem; height: 1.2rem; position: absolute; left: 50%; bottom: 0; z-index: 100; content: ""; display: block; background: url(../img/icon-arrowdown2.svg) left bottom repeat-x; background-size: cover; margin-left: -2.1rem;  }
.index-dt .row { display: flex; flex-wrap: wrap; }
.index-dt .row .item { text-align: center; padding: 6px; position: relative; }
.index-dt .row .item .img { overflow: hidden; }
.index-dt .row .item .img img:hover { transform: scale(1.1); } 
.index-dt .row .item .txt { width: calc(100% - 12px); height: 138px; position: absolute; left: 6px; bottom: 6px; z-index: 100; background: url(../img/bgline.png) left bottom repeat-x; font-size: 2.4rem; font-weight: 500; color: #FEFEFE; padding: 138px 1rem 0rem 1rem; overflow: hidden; }
.index-dt .row .item .txt h4 { line-height: 4rem; margin-top: -5rem; }

.index-news .row { display: flex; flex-wrap: wrap; }
.index-news .row>.item { padding: 6px; }
.index-news .row h4 { font-size: 2.8rem; font-weight: 500; padding-bottom: 1.5rem; position: relative; }
.index-news .row h4 a { float: right; margin-right: 1rem; font-size: 2rem; font-weight: normal; color: #005CA5; background: url(../img/icon-arrowright2.png) center right no-repeat; padding-right: 1rem; }

.index-news .row .list { border: 1px solid #DBDCDD; padding: 3rem 3.5rem 1rem 3.5rem; }
.index-news .row .list h4::after { width: 3.6rem; height: 2px; position: absolute; top: 4.5rem; left: 0;  content: ""; display: block; background-color: #005CA5; }
.index-news .row .list .item { border-top: 1px solid #DBDCDD; padding: 1.8rem 1rem;  }
.index-news .row .list .item:hover { background-color: #FAFAFC;}
.index-news .row .list .item .title { width: 85%; max-width: 71rem; float: left; }
.index-news .row .list .item .title a { font-size: 1.8rem;}
.index-news .row .list .item .time { width: 15%; min-width: 7rem; float: right; text-align: right; opacity: 0.5; }
.index-news .row .video { background-color: #F6F6F6; }
.index-news .row .video h4 { padding: 3rem 0 1.8rem 1rem; }
.index-news .row .video .play { height: 26.6rem; padding-top: 4px; }

.index-about { margin: 3rem auto; }
.index-about .row { display: flex; flex-wrap: wrap; background-color: #EEF0F5; margin: 0 -9px;  padding-bottom: 1px; }
.index-about .row .pcvideo { display: block; }
.index-about .row .mobvideo { display: none; }
.index-about .row .item { padding: 0 0; position: relative; }
.index-about .row .item .playbg { position: absolute; width: calc(100% - 12px); height: 100%; background-color: rgba(0,0,0,0.3); z-index: 100; display: none; }
.index-about .row .item .playbg .play { position: absolute; width: 8.6rem; left: 3rem; bottom: 3rem; z-index: 200; cursor: pointer; }
.index-about .row .con { padding: 4rem; position: relative; }
.index-about .row .con p { text-indent: 2em; font-size: 2.4rem; line-height: 4rem; text-align: justify; }
.index-about .row .con .more { margin-top: 8rem; text-align: right;  }
.index-about .row .con .more a { font-size: 2rem; color: #005CA5; padding-right: 1rem; background: url(../img/icon-arrowright2.png) center right no-repeat; }


/* 关于航嘉--航嘉介绍 */
.content .page-banner .play { position: absolute; width: 8.6rem; left: 50%; top: 50%; margin-left: -4.3rem; margin-top: -4.3rem; z-index: 200; cursor: pointer; }
.about .video { display: none; margin-left: -15px; margin-right: -15px; }
.about .item .txt { width: 80%; max-width: 85rem; margin: 5rem auto; text-align: justify; }
.about .item .txt p { font-size: 1.8rem; line-height: 3.5rem; margin-bottom: 3rem; text-indent: 2em;  }
.about .item .img { text-align: center; margin-left: -15px; margin-right: -15px; }

/* 关于航嘉--航嘉荣誉 */
.honor .empty { width: 100%; height: 4rem; }
.honor .row { font-size: 1.8rem; line-height: 3.5rem; position: relative; }
.honor .row .line { width: 1px; height: 100%; background-color: #DBDCDD; position: absolute; top: 0; left: 20%; }
.honor .row .line::after { width: 8px; height: 8px; border-radius: 4px; position: absolute; content: ""; display: block; background-color: #005CA5; top: 1.5rem; left: -4px; }
.honor .row .col-md-4 { text-align: center; }
.honor .row .col-md-4 strong { font-weight: bold; position: relative; padding-right: 1rem; color: #005CA5;  }
.honor .row .col-md-8 { padding-bottom: 3rem; padding-right: 16rem; }
.honor .row .col-md-8 strong { font-weight: bold; }

/* 关于航嘉--航嘉文化 */
.culture { padding-top: 4rem; }
.culture .row .col-md-8 { padding-right: 16rem; }
.culture .row .col-md-4 strong::after { display: none; }
.culture .line { width: 75%; height: 2px; margin: 0 auto 5rem auto; border-bottom: 1px solid #DBDCDD; }

/* 关于航嘉--航嘉研发 */
.rd .item .txt { width: 90%; max-width: 100rem; line-height: 3.5rem;  margin: 2rem auto; text-align: justify; }
.rd .item .txt p { font-size: 1.8rem; margin-bottom: 1.5rem; text-indent: 2em; }
.rd .item .txt p.title { font-weight: bold; text-indent: 0em; }
.rd .item .img { text-align: center; }
.rd .item .img h4 { padding: 1rem 0; }

/* 产品服务 */
.productservice { background-color: #FFFFFF; margin-bottom: 2rem; }
.productservice .content { padding-bottom: 0; margin-bottom: 0; }
.productservice .item { padding: 0; }
.productservice .item .img { text-align: center; overflow: hidden; }
.productservice .item .img img:hover { transform: scale(1.1); }

/*  产品类别名称  */
.productservice .catename { padding-bottom: 2rem; }
.productservice .catename .fl a { font-size: 2.4rem; color: #005CA5; }
.productservice .catename .fr a { width: 8rem; height: 3rem; line-height: 3rem; background-color: #005CA5; color: #ffffff; text-align: center; margin-right: 5px; display: block; }
.productservice .catename .fr a:hover { background-color: #0582e9; }

.productservice .catename .subcate { max-width: 80%; float: left; margin: 0.4rem 0 0 2rem; }
.productservice .catename .subcate ul { width: 100%; }
.productservice .catename .subcate ul li { display: inline-block; }
.productservice .catename .subcate ul li a { font-size: 1.6rem; }
.productservice .catename .subcate ul li span { padding: 0 1rem; }
.productservice .catename .subcate ul li:last-child span { display: none; }

/*  产品类别列表  */
.productservice .productcate { background-color: #F5F6F9; padding-bottom: 5rem; border-right: 15px solid #FFFFFF; }
.productservice .productcate .con>ul>li { display: block; margin: 0 2rem; border-bottom: 1px solid #DBDCDD; line-height: 6rem; position: relative; }
.productservice .productcate .con>ul>li a { font-size: 1.6rem; display: block; }
.productservice .productcate .con>ul>li::after {  width: 1rem; height: 1rem; position: absolute; top: 2.2rem; right: 2rem;  content: ""; display: block; border-top: 2px solid #333333; border-right: 2px solid #333333; transform: rotate(45deg); }
.productservice .productcate .con>ul>li.active::after { transform: rotate(135deg);  }
.productservice .productcate .con>ul>li.actived::before { width: 100%; height: 1px; position: absolute; top: 8rem; left: 0;  content: ""; display: block; background-color: #005CA5; }
.productservice .productcate .con .sub { display: none; }
.productservice .productcate .con .sub ul li { padding: 1.5rem 0 1.5rem 3rem; border-top: 1px solid #d4d4d4; line-height: 3rem; }
.productservice .productcate .con>ul>li.active>a, .productservice .productcate .con>ul>li.active2>a, .productservice .productcate li.cur a { color: #005CA5;  }
.productservice .productcate .active .sub, .productservice .productcate .active2 .sub { display: block; }

/*  单个产品  */
.productservice .singleproduct { padding-left: 5px; padding-right: 5px; position: relative; overflow: hidden; height: 100%; margin-bottom: 10px; }
.productservice .singleproduct .con { background-color: #ffffff; height: 100%; }
.productservice .singleproduct .con .img { width: 90%; margin: 0 auto; } 
.productservice .singleproduct .con .txt h4 { font-size: 2rem; padding: 2rem 1rem; width: 100%; text-align: center; }
.productservice .singleproduct .con .more { width: 10rem; height: 3rem; line-height: 3rem; border: 1px solid #DBDCDD; border-radius: 10rem; font-size: 1.4rem; color: #333333; text-align: center;  cursor: pointer; position: absolute; left: 50%; bottom: -5rem; transition: all .5s; margin-left: -5rem; }
.productservice .singleproduct .con .more:hover { background-color: #005CA5; color: #ffffff; }
.productservice .singleproduct:hover .more { bottom: 1.6rem; }

/*  产品首页  */
.productservice .productindex { background-color: #F5F6F9;  padding-bottom: 4rem; }
.productservice .productindex .row {  padding: 4rem 3rem 0 3rem; }
.productservice .productindex .row .subrow { display: flex; flex-wrap: wrap; }
.productservice .productindex .row .cateimg { padding-right: 15px;}

/*  产品类别页  */
.productservice .productcategory .row { display: flex; flex-wrap: wrap; }
.productservice .productcategory .row .catelist { background-color: #F5F6F9;  padding-bottom: 4rem; }
.productservice .productcategory .row .catelist .singlecate {  padding: 4rem 3rem 0 3rem; }
.productservice .productcategory .singleproduct .con { padding-bottom: 4rem; }

/*
.productbanner, .noproductbanner { width: 100%; margin-top: 7.5rem; text-align: center; }
.productlist { margin-top: 0; }
.productlist .content { background-color: initial; margin-bottom: 0; padding-bottom: 0; }
.productlist .content .subnav { background-color: #FFFFFF; margin: 1rem 0; padding-top: 2rem; padding-bottom: 2rem; }
.productlist .content .subnav .sep { padding: 0 2rem; }

.productlist .list .row { display: flex; flex-wrap: wrap; }
.productlist .list .row .item { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.productlist .list .row .item .con { height: 100%; margin: 0 auto; background-color: #FFFFFF; position: relative; padding-bottom: 5rem; text-align: center; overflow: hidden;}
.productlist .list .row .item .con .img { width: 36rem; height: 36rem; margin: 0 auto; display: flex; align-items: center;}
.productlist .list .row .item .con .img img { margin: 0 auto; }
.productlist .list .row .item .con .txt { width: 90%; margin: 0 auto; font-size: 2rem; padding: 2rem 0; border-top: 1px solid #DBDCDD; }
.productlist .list .row .item .con .txt h4 { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.productlist .list .row .item .con .more { width: 12rem; height: 3rem; line-height: 3rem; border-radius: 13rem; text-align: center; background-color: #7c7c7c; color: #FFFFFF;  cursor: pointer; position: absolute; left: 50%; bottom: -5rem; transition: all .5s; margin-left: -6rem; }
.productlist .list .row .item .con .more:hover { background-color: #005CA5; }
.productlist .list .row .item:hover .more { bottom: 2rem; }
*/

/*图片放大镜样式*/
.jqzoom { width: 51rem; height: 51rem; margin: 0 auto; text-align: center; position: relative; cursor: move; }
.jqZoomPup{ z-index: 10; visibility: hidden; position: absolute; top: 0px; left:0px; width: 50px; height: 50px; border: 1px solid #DBDCDD;background: url(../img/mask.png) left top repeat #FFFFFF; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
.zoomdiv{ z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 350px; background:#ffffff; border: 1px solid #DBDCDD; display: none; text-align: center; overflow: hidden; }
.zoomdiv img {max-width:none}
.productdetail .col-md-6 { position: initial; }

/*图片小图预览列表*/
.spec-scroll { clear: both; width: 95%; margin: 0 auto; border-top: 1px solid #DBDCDD; padding-top: 2rem; margin-top: 1rem; }
.spec-scroll .prev, .spec-scroll .next { width: 30px; height: 30px; background-color: transparent; border: 2px solid #DBDCDD; border-width: 2px 2px 0 0; margin-top: 30px; cursor: pointer; }
.spec-scroll .prev { float: left; margin-left: 20px; transform: rotate(225deg); }
.spec-scroll .next { float: right; margin-right: 20px; transform: rotate(45deg); }
.spec-scroll .prev:hover, .spec-scroll .next:hover { border-color: #005CA5; }
.spec-scroll .items { float: left; position: relative; width: 440px; height: 95px; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width:999999px; }
.spec-scroll .items ul li { float: left; width: 90px; text-align: center; margin: 0px 11px; cursor: pointer; }
.spec-scroll .items ul li img { border: 1px solid #DBDCDD; padding: 2px; }
.spec-scroll .items ul li img:hover { border: 1px solid #005CA5; padding: 2px; }

.productdetail .content { padding-top: 1.5rem; }
.productdetail .item .productimg { position: relative; overflow: hidden;  }
.productdetail .item .productimg .swiper-slide { text-align: center; float: left; }
.productdetail .item .productimg .swiper-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 20px; text-align: center; z-index: 1000; }
.productdetail .item .productimg .swiper-pagination .swiper-pagination-switch { width: 10px; height: 10px; background-color: #DBDCDD; border-radius: 5px; display: inline-block; margin: 0px 5px; cursor: pointer; }
.productdetail .item .productimg .swiper-pagination .swiper-active-switch { background-color: #005CA5; }

.productdetail .item .txt { width: 95%; margin: 0 auto; line-height: 3rem; padding-top: 2rem;  }
.productdetail .item .txt h3 { width: 100%; border-bottom: 1px solid #DBDCDD; font-size: 2rem; padding: 2rem 1rem; font-weight: bold; }
.productdetail .item .txt .con { padding: 2rem 1rem; font-size: 1.6rem; }
.productdetail .item .txt .app, .productdetail .item .txt .contact { padding: 1rem; border-top: 1px solid #DBDCDD; }
.productdetail .item .txt .app h4, .productdetail .item .txt .contact h4 { font-size: 1.8rem; font-weight: bold; padding: 2rem 0rem; }
.productdetail .item .txt .app a { float: left; padding: 5px 10px; margin: 0 2rem 2rem 0; background-color: #005CA5; color: #FFFFFF; border-radius: 15px; }
.productdetail .item .txt .app a:hover { background-color: #7c7c7c; }
.productdetail .desc { width: 98%; margin: 4rem auto 0 auto; }
.productdetail .desc h3 { display: block; width: 12rem; height: 3.5rem; line-height: 3.5rem; background-color: #005CA5; color: #FFFFFF; font-size: 1.8rem; font-weight: bold; text-align: center; margin-left: 2rem; border-radius: 15px 15px 0 0; }

.productdetail .desc .con { padding: 3rem 2rem; border-top: 1px solid #DBDCDD; font-size: 1.6rem; line-height: 30px; }
.productdetail .desc .con table { max-width: 1100px !important; }
.productdetail .desc .con table p { text-indent: 0;}
.productdetail .desc .con table, .productdetail .desc .con table td { border-collapse: collapse; border: 1px solid #333333; padding: 5px; }

/* 产品搜索 */
.productsearch { margin-top: 7.5rem; }
.productsearch .form .con { background-color: #FFFFFF; overflow: hidden; margin: 2rem 5px; }
.productsearch .form .con .search-box { width: 60%; max-width: 75rem; margin: 4rem auto; position: relative;   }
.productsearch .form .con .search-box input {width: 80%; height: 4rem; line-height: 4rem; border: 1px solid #DBDCDD; background-color: #FFFFFF; padding-left: 4rem; }
.productsearch .form .con .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; }
.productsearch .form .con .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;  }

.productsearch .list .row { display: flex; flex-wrap: wrap; }
.productsearch .list .row .item { margin-top: 5px; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.productsearch .list .row .item .con { height: 100%; background-color: #FFFFFF; position: relative; padding-bottom: 4rem; text-align: center; overflow: hidden; }
.productsearch .list .row .item .con .img { width: 95%; height: 44.6rem; margin: 0 auto; display: flex; align-items: center; overflow: hidden; }
.productsearch .list .row .item .con .img img { margin: 0 auto; }
.productsearch .list .row .item .con .img img:hover { transform: scale(1.1); }
.productsearch .list .row .item .con .txt { width: 90%; margin: 0 auto; font-size: 2rem; padding: 2rem 0; border-top: 1px solid #DBDCDD; }
.productsearch .list .row .item .con .txt h4 { width: 100%; }
.productsearch .list .row .item .con .more { width: 10rem; height: 3rem; line-height: 3rem; border: 1px solid #DBDCDD; border-radius: 10rem; font-size: 1.4rem; color: #333333; text-align: center;  cursor: pointer; position: absolute; left: 50%; bottom: -5rem; transition: all .5s; margin-left: -5rem; }
.productsearch .list .row .item .con .more:hover { background-color: #005CA5; color: #ffffff; }
.productsearch .list .row .item:hover .more { bottom: 1.6rem; }
.productsearch .list .null { font-size: 2rem; text-align: center; padding: 6rem 0 30rem 0; }


/* 精彩新闻--新闻中心 */
/*置顶新闻*/
.news .newstop { width: 90%; margin: 3rem auto; }
.news .newstop .row .item { padding: 6px; position: relative; }
.news .newstop .row .item .img { width: 100%; height: 30rem; overflow: hidden; text-align: center; }
.news .newstop .row .item .img img { width: 100%; height: 100%; object-fit: cover; }
.news .newstop .row .item .img img:hover { transform: scale(1.1); }
.news .newstop .row .item .txt { width: calc(100% - 12px); height: 138px; position: absolute; left: 6px; bottom: 6px; z-index: 100; background: url(../img/bgline.png) left bottom repeat-x; font-size: 1.8rem; font-weight: 500; color: #FEFEFE; padding: 138px 1rem 0rem 1rem; overflow: hidden; }
.news .newstop .row .item .txt .title { width: 75%; margin-top: -4rem;  }
.news .newstop .row .item .txt .time { width: 25%; min-width: 120px; text-align: right; margin-top: -4rem; }

/*新闻列表*/
.news .newslist { width: 90%; min-height: 60rem; margin: 3rem auto; }
.news .newslist .item { border-bottom: 1px solid #DBDCDD; padding: 3rem 2rem; }
.news .newslist .item:hover { background-color: #FAFAFC; }
.news .newslist .item .title { width: 85%; float: left; }
.news .newslist .item .title a { font-size: 1.8rem;}
.news .newslist .item .time { width: 15%; float: right; text-align: right; opacity: 0.5; }
.news .newslist .item .con { font-size: 1.6rem; padding-top: 2rem; text-indent: 2em; line-height: 2.8rem;  }
.news .csr .item .title a { font-weight: bold; }

/*新闻详情*/
.news .newsdetail { width: 90%; min-height: 60rem; margin: 3rem auto; }
.news .newsdetail h3 { font-size: 2.4rem; font-weight: bold; color: #005CA5;  text-align: center; padding: 5rem 0; }
.news .newsdetail .time { font-size: 1.4rem; line-height: 4rem; color: #999999; border-bottom: 1px dashed #DBDCDD; margin-top: 2rem; padding: 0 1rem; }
.news .newsdetail .con { margin: 2rem 0; line-height: 3rem; font-size: 1.8rem; }
.news .newsdetail .con p { margin: 2rem 0;  }
.news .newsdetail .con strong { font-weight: bold; }
.news .newsdetail .con table { border: 1px solid #333333; border-collapse: collapse; margin: 0px auto; }
.news .newsdetail .con table td { border: 1px solid #333333; border-collapse: collapse; }
.news .newsdetail .con table p { text-indent: 0em; text-align: initial; }
.news .newsdetail .con p table p { margin:3px 0px; }
.news .newsdetail .con .btn-cert { background-color: #005CA5; color: #ffffff; padding: 1rem; }

/*置顶新闻*/
.news .videolist { width: 96%; min-height: 60rem; margin: 0 auto; }
.news .videolist .row .item { padding: 6px; cursor: pointer; position: relative; }
.news .videolist .row .item .img { width: 100%; height: 21rem; overflow: hidden; }
.news .videolist .row .item .img img { width: 100%; height: 100%; object-fit: cover; }
.news .videolist .row .item .img img:hover { transform: scale(1.1); }
.news .videolist .row .item .txt { text-align: left; background-color: #f5f6f9; padding: 1.5rem 1rem; }
.news .videolist .row .item .txt .title { font-size: 1.8rem; font-weight: bold; height: 5rem; line-height: 2.5rem; overflow: hidden; }
.news .videolist .row .item .txt .time { font-size: 1.6rem; opacity: 0.5; }
.news .videolist .row .item .play { position: absolute; width: 6rem; height: 60px; left: 50%; top: 7.5rem; margin-left: -3rem; background: url(../img/btn-play.png) center center no-repeat; background-size: 100%; }


/* 服务与支持 */
/*联系我们*/
.service .contact { width: 90%; min-height: 60rem; margin: 3rem auto; font-size: 1.8rem; }
.service .contact .row { display: table; }
.service .contact .row .item { margin: 2rem auto; vertical-align: top;  display: inline-block; float: none; }
.service .contact .row .item h3 { font-weight: bold; padding: 1rem 0; }

/*产品客服*/
.service .product { width: 80%; min-height: 60rem; margin: 3rem auto; font-size: 1.8rem; }
.service .product .row { display: table; }
.service .product .row .item { margin: 1rem auto; padding: 0; vertical-align: top;  display: inline-block; float: none; line-height: 4rem; }
.service .product .row .item label { font-weight: normal; }
.service .product .row .item input, .service .product .row .item select { width: 100%; border: 1px solid #DBDCDD; height: 4rem; }
.service .product .row .item .info { width: 100%; height: 20rem; line-height: 2.5rem; border: 1px solid #DBDCDD; }
.service .product .row .item .btnsubmit { width: 15rem; height: 5rem; line-height: 5rem; margin: 2rem auto; background-color: #005CA5; color: #FFFFFF; border-radius: 0rem; text-align: center; cursor: pointer; padding: 0; font-size: 2.4rem; font-weight: bold; display: block; }
.service .product .row .line { padding: 1rem 0; font-weight: bold; border-bottom: 1px dashed #DBDCDD; }
.service .product .row .col-md-2 { text-align: right; padding-right: 10px; }
.service .product .row .col-md-2 span { color: #ff0000; margin-right: 5px; }

/*供应配套*/
.service .supply { width: 90%; min-height: 60rem; margin: 3rem auto; font-size: 1.8rem; }

/*法律公告*/
.legal { width: 90%; margin: 0 auto; line-height: 3rem; font-size: 1.6rem;}
.legal h3 { padding: 4rem 0; text-align: center; font-size: 3rem; }
.legal .red { color: #ff0000; }
.legal p { margin: 1rem 0; }
.legal p strong { font-weight: bold; }

/* 404页面 */
.page-main .error { background-color: initial; }
.page-main .error h3 { margin: 20rem auto; text-align: center; font-size: 3rem; font-weight: bold; }

/* 碳足迹计算器 */
.indexcalc { width: 18rem; position: fixed; z-index: 10; right: 2rem; bottom: 3rem; animation: iconcalc 2s infinite linear; }
.indexcalc img { width: 100%; }
.indexcalc .close { width: 27px; height: 27px; margin: 0 auto; background: url(../img/close.png); float: none;  }
@keyframes iconcalc {
    0% {transform: translateY(0);}
    25% {transform: translateY(-10px);}
    50% {transform: translateY(0);}
    75% {transform: translateY(10px);}
    100% {transform: translateY(0);}
}

.carbonfoot { position: absolute; width: 80%; left: 11%; top: 20%; color: #FEFEFF; font-size: 1.8rem; }
.carbonfoot h2 { font-size: 4.2rem; font-weight: bold; margin-bottom: 2rem;}
.carbonfoot .txt { line-height: 3rem; }

.carbonform { width: 80%; margin: 5rem auto;}
.carbonform .tabs { height: 5rem; line-height: 5rem; text-align: center; background-color: #F5F6F9; font-size: 2.4rem; color: #777777; box-sizing: border-box;  }
.carbonform .tabs .item { border-right: 0.5rem solid #FFFFFF; cursor: pointer; }
.carbonform .tabs .item:last-child { border-right: none; }
.carbonform .tabs .cur { background-color: #01A89C; color: #FEFEFF;}

.carbonform .con { border: 2px solid #6ACCC5;  border-top: 4px solid #01A89C; background: rgba(225,255,253,0.45); padding: 6rem 0; }
.carbonform .con .list { width: 75%; margin: 0 auto; color: #545454; font-size: 1.8rem; display: none; }
.carbonform .con .list .row { display: flex; align-items: center; padding: 1rem 0;  }
.carbonform .con .list .border { height: 2.7rem; line-height: 2.7rem; border: 1px solid #B9B9B9; }
.carbonform .con .list input[type="checkbox"] { width: 1.6rem; height: 1.6rem; margin-right: 1rem; }

.carbonform .con .list .w1 { width: 50%;}
.carbonform .con .list .item label { font-weight: 400; }

.carbonform .result { width: 80%; margin: 4rem auto; color: #01A89C; font-size: 1.8rem; font-weight: bold; line-height: 4rem; }
.carbonform .result .calc { width: 17rem; height: 4rem; line-height: 4rem; text-align: center; border: 1px solid #01A89C; background-color: #ffffff; margin-bottom: 2rem; cursor: pointer; }
.carbonform .result .calc:hover { background-color: #01A89C; color: #FFFFFF; }
.carbonform .result input { width: 20rem; line-height: 2rem; font-weight: initial; font-size: 1.6rem; text-align: right; margin: 0 0.5rem; border: 1px solid #01A89C; color: #01A89C; }