/* CSS Document */
*{margin:0; padding:0; font-family: Arial,Helvetica,sans-serif; touch-action: pan-y; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box; box-sizing: border-box;}
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
body{ overflow:hidden !important;}
.clear{ clear:both;}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

/***************侧导航************/
#fp-nav ul li, .fp-slidesNav ul li{ margin:16px 6px; width:14px; height:14px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ border:2px solid #fff;     width: 10px;  height: 10px; top:0; left:0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:#fff; margin:0;}

.container{ width:1300px; margin:0 auto; display: table;}

.header{ position:fixed; width:100%; top:0; left:0; height:120px; line-height:120px; z-index:99999; transition: all 0.3s linear 0s;}
.header .logo{ float:left;}
.header .nav{ float:right; height:120px;}
.header .nav li{ float:left; margin:0 20px;}
.header .nav li a{ display:inline-block; font-size:18px; color:#fff;}
.header .nav li.on a, .header .nav li:hover a{ color:#0369b0;}
.header .search{ float:right; width:35px; height:20px; background:url(../images/search-icon1.png) no-repeat center right; border-left:1px solid #fff; position:relative; margin: 50px 0 0 10px;}
.header .search .box{ position:absolute; top:100%; right:-25px; width:300px; display:none; padding-top:15px;}
.header .search:hover .box{ display:block;}
.header .search .box div{ position:absolute; height:40px;  background:#fff; width:300px; border-radius:6px; border:1px solid #ccc; box-shadow:0 3px 5px rgba(0,0,0,.15);}
.header .search .box i{ display:inline-block; width:22px; height:10px; background:url(../images/search-icon3.png) no-repeat center; top: -7px; position: absolute; right: 21px;    background-size: 12px;}
.header .search .box input[type="text"]{ padding:0 15px; width:260px; float:left; height: 100%; border: none; border-radius: 8px;}
.header .search .box input[type="submit"]{ float:left; border-radius:8px; background:url(../images/search-icon2.png) no-repeat center; width: 38px; height: 100%; border: none; cursor:pointer;}

.header.on{ background:#fff; box-shadow:0 5px 10px rgba(184,184,184,.2);}
.header.on .nav li a{ color:#333;}
.header.on .nav li.on a, .header.on .nav li:hover a{ color:#0369b0;}
.header.on .search{ background:url(../images/search-icon2.png) no-repeat center right; border-left:1px solid #333;}

.banner{ height:100%; width:100%;}
.banner .swiper-container{ height:100%; width:100%;}
.banner .swiper-slide{ height:100%; width:100%; }
.banner .swiper-slide a{ display:inline-block; width:100%; height:100%; display:table;}
.banner .swiper-slide .box{ text-align:center; display:table-cell; vertical-align: middle;}
.banner .swiper-slide .box .img1{ margin-bottom:10px; transition: all 2s ease; transform: translateY(50px); opacity:0;}
.banner .swiper-slide .box .img2{ margin-bottom:30px; transition: all 2s ease; transform: translateY(50px); opacity:0;}
.banner .swiper-slide .box .btn{ transition: all 2s ease; transform: translateY(50px); opacity:0;}
.banner .swiper-slide .box .btn span{ display:inline-block; width:180px; height:50px; line-height:50px; text-align:center; border-radius:10px; background:#036eb8; color:#fff; font-size:20px;}
.banner .swiper-slide-active .box .img1{ transform: translateY(0px); opacity:1;  transition-delay: 0.5s; }
.banner .swiper-slide-active .box .img2{ transform: translateY(0px); opacity:1;  transition-delay: 0.7s; }
.banner .swiper-slide-active .box .btn{ transform: translateY(0px); opacity:1;  transition-delay: 0.9s; }

.banner .swiper-pagination{ bottom:70px;}
.banner .swiper-pagination-bullet{ width:60px; height:10px; background:#fff; border-radius:10px; margin:0 15px !important; opacity:.5;}
.banner .swiper-pagination-bullet-active{ background:#036eb8;}

.box-two{ background:url(../images/iabout-bg.png) no-repeat; background-position: 65% 98%;}
.iabout{ overflow:hidden; padding-top:70px;}
.iabout-text{ width:690px; float:left; opacity:0; position:relative; transform: translateX(-150px); transition: all 1.6s ease;}
.iabout-text .title{ display:block;}
.iabout-text .title .cn{ font-size:30px; color:#333; padding-bottom:10px; position:relative;}
.iabout-text .title .cn i{ position:absolute; display:inline-block; background:#036eb8; width:50px; height:2px; left:0; bottom:0;}
.iabout-text .title .en{ font-size:14px; color:#036eb8; text-transform: uppercase; margin-top:10px;}
.iabout-text .text{ font-size:14px; color:#5c5c5c; line-height:24px; text-indent:2em; margin-top:20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11; text-align:justify; letter-spacing:1px; height:264px;}
.iabout-text .btn{ margin-top:20px;}
.iabout-text .btn a{ display:inline-block; width:120px; height:40px; border-radius:4px; background:#036eb8; font-size:14px; color:#fff; text-align:center; line-height:40px; border:1px solid #036eb8;}
.iabout-text .btn a:hover{ background:#fff; color:#036eb8;}
.iabout-img{ float:right; text-align:right; margin-top: 96px; opacity:0; position:relative; transform: translateX(150px); transition: all 1.6s ease;}
.iabout-img img{ border-radius:6px; }

.iabout-box{ margin-top:60px; overflow:hidden;}
.iabout-box .iabout-ry{ width:620px; float:left; position:relative; margin-left:28px; opacity:0; position:relative; transform: translateX(-150px); transition: all 1.6s ease;}
.iabout-box .iabout-ry .bd{ width:515px; margin:0 auto; overflow:hidden;}
.iabout-box .iabout-ry .bd li{ margin-right:25px; float:left; height: 159px; width: 110px; line-height: 158px;}
.iabout-box .iabout-ry .bd li img { border: 1px solid #bfbfbf; padding: 3px;}
.iabout-box .iabout-ry .hd a{ display:inline-block; width:32px; height:49px; position:absolute; top:50%; transform: translateY(-50%);}
.iabout-box .iabout-ry .hd a.prev{ background:url(../images/iabout-ry-prev.png) no-repeat center; left:0;}
.iabout-box .iabout-ry .hd a.next{ background:url(../images/iabout-ry-next.png) no-repeat center; right:0;}

.iabout-box .iabout-ys{ float:right; overflow:hidden; padding:42px 0; width:620px; opacity:0; position:relative; transform: translateX(150px); transition: all 1.6s ease;}
.iabout-box .iabout-ys li{ float:left; height:72px; border-right:1px solid #bfbfbf; text-align:center; padding:0 24px;}
.iabout-box .iabout-ys li:last-child{ border-right:none; padding-right:0;}
.iabout-box .iabout-ys li .num{ font-size:50px; color:#036eb8; font-weight:bold; height:42px; line-height:45px;}
.iabout-box .iabout-ys li .num span{ font-size:30px;}
.iabout-box .iabout-ys li .title{ font-size:18px; color:#333; margin-top: 8px;}

.section.active .iabout-text{ opacity:1; transform: translateX(0px);}
.section.active .iabout-img{ opacity:1; transform: translateX(0px);}
.section.active .iabout-box .iabout-ry{ opacity:1; transform: translateX(0px); transition-delay: 0.4s;}
.section.active .iabout-box .iabout-ys{ opacity:1; transform: translateX(0px); transition-delay: 0.4s;}

.box-three{ background:url(../images/case-bg.jpg) no-repeat center; background-size:cover;}
.icase{ overflow:hidden; padding-top:120px;}
.icase .icase-title{ display:block; position:relative; opacity:0; position:relative; transform: translateY(-150px); transition: all 1.6s ease;}
.icase .icase-title .cn{ font-size:30px; color:#fff; padding-bottom:10px; position:relative;}
.icase .icase-title .cn i{ position:absolute; display:inline-block; background:#fff; width:50px; height:2px; left:0; bottom:0;}
.icase .icase-title .en{ font-size:14px; color:#fff; text-transform: uppercase; margin-top:10px;}
.icase .icase-title .more{ position:absolute; right:0; bottom:0;}
.icase .icase-title .more a{ display:inline-block; width:120px; height:40px; border-radius:4px; background:#fff; font-size:14px; color:#036eb8; text-align:center; line-height:40px; border:1px solid #fff;}
.icase .icase-title .more a:hover{ background:#036eb8; color:#fff;}
.icase .icase-box{ margin-top:45px; position:relative; opacity:0; position:relative; transform: translateY(-150px); transition: all 1.6s ease;}
.icase .icase-box .hd li{ width:420px; float:left; background:rgba(0,0,0,.4); text-align:center; position:relative; cursor:pointer; margin-right: 20px;}
.icase .icase-box .hd li:last-child{ margin-right: 0;}
.icase .icase-box .hd li .box{ display:inline-block; padding:26px 0; overflow:hidden;}
.icase .icase-box .hd li .box .img{ height:84px; line-height:84px; float:left; margin-right:24px;}
.icase .icase-box .hd li .box .text{ float:left; padding:10px 0; text-align:left;}
.icase .icase-box .hd li .box .text .t{ font-size:24px; color:#fff; font-weight:bold;}
.icase .icase-box .hd li .box .text .p{ font-size:16px; color:#c5c5c5; text-transform: uppercase; margin-top: 12px;}
.icase .icase-box .hd li i{ position:absolute; display:inline-block; width:26px; height:22px; background:url(../images/icase-icon4.png) no-repeat center; top:99%; left:50%; transform: translateX(-50%); display:none;}
.icase .icase-box .hd li.on{ background:#036eb8;}
.icase .icase-box .hd li.on i{ display:block;}
.icase .icase-box .hd li:last-child .box .text .p{ font-size:12px;}

.icase .icase-box .bd{ margin-top:58px; width:1300px;}
.icase .icase-box .bd .icase-list{ overflow:hidden;}
.icase .icase-box .bd .icase-list .swiper-container{ padding-bottom:65px;}
.icase .icase-box .bd .icase-list .box{ position:relative; overflow:hidden;}
.icase .icase-box .bd .icase-list .box .img{ position:relative; z-index:0;}
.icase .icase-box .bd .icase-list .box .img img{ transition: all 0.3s linear 0s;}
.icase .icase-box .bd .icase-list .box:hover .img img{transform: scale(1.1,1.1);}
/* .icase .icase-box .bd .icase-list .box .title{ position:absolute; z-index:1; width:100%; height:45px; line-height:45px; background:rgba(0,0,0,.4); font-size:16px; color:#fff; text-align:center; bottom:0; left:0;} */
.icase .icase-box .bd .icase-list .box .title{ position:absolute; z-index:1; width:100%; height: 60px; line-height: 1.3; padding: 10px;background:rgba(0,0,0,.4); font-size:16px; color:#fff; text-align:center; bottom:0; left:0;}

.icase .icase-box .bd .icase-list .box:hover .title{ background:#036eb8;}
.icase .icase-box .bd .icase-list .swiper-pagination{ bottom:0px;}
.icase .icase-box .bd .icase-list .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; border-radius:15px; margin:0 15px !important; opacity:.5;}
.icase .icase-box .bd .icase-list .swiper-pagination-bullet-active{ background:#036eb8;}

.section.active .icase .icase-title{ opacity:1; transform: translateY(0px);}
.section.active .icase .icase-box{ opacity:1; transform: translateY(0px); transition-delay: 0.4s;}

.box-four{ background:url(../images/ihz-bg.jpg) no-repeat center; background-size:cover;}
.ihz .ihz-title{ display:block; position:relative; opacity:0; position:relative; transform: translateY(-150px); transition: all 1.6s ease;}
.ihz .ihz-title .cn{ font-size:30px; color:#333; padding-bottom:10px; position:relative;}
.ihz .ihz-title .cn i{ position:absolute; display:inline-block; background:#036eb8; width:50px; height:2px; left:0; bottom:0;}
.ihz .ihz-title .en{ font-size:14px; color:#036eb8; text-transform: uppercase; margin-top:10px;}
.ihz .ihz-title .more{ position:absolute; right:0; bottom:0;}
.ihz .ihz-title .more a{ display:inline-block; width:120px; height:40px; border-radius:4px; background:#036eb8; font-size:14px; color:#fff; text-align:center; line-height:40px; border:1px solid #036eb8;}
.ihz .ihz-title .more a:hover{ background:#fff; color:#036eb8;}
.ihz .ihz-list{ margin-top:100px; position:relative; opacity:0; position:relative; transform: translateY(-150px); transition: all 1.6s ease;}
.ihz .ihz-list li{ float:left; width:250px; height:120px;     margin-right: 12px; margin-bottom:12px;}
.ihz .ihz-list li:nth-child(5n){ margin-right:0;}
.ihz .ihz-list li img{ transition: all 0.3s linear 0s;}
.ihz .ihz-list li:hover img{ transform: translateY(-10px); box-shadow:0 3px 8px rgba(0,0,0,.25);}

.section.active .ihz .ihz-title{ opacity:1; transform: translateY(0px);}
.section.active .ihz .ihz-list{ opacity:1; transform: translateY(0px); transition-delay: 0.4s;}

.box-five{ background:#fbfbfb;}
.inews{ padding-top:60px;}
.inews .inews-title{ display:block; position:relative; opacity:0; position:relative; transform: translateY(-150px); transition: all 1.6s ease;}
.inews .inews-title .cn{ font-size:30px; color:#333; padding-bottom:10px; position:relative;}
.inews .inews-title .cn i{ position:absolute; display:inline-block; background:#036eb8; width:50px; height:2px; left:0; bottom:0;}
.inews .inews-title .en{ font-size:14px; color:#036eb8; text-transform: uppercase; margin-top:10px;}
.inews .inews-title .more{ position:absolute; right:0; bottom:0;}
.inews .inews-title .more a{ display:inline-block; width:120px; height:40px; border-radius:4px; background:#036eb8; font-size:14px; color:#fff; text-align:center; line-height:40px; border:1px solid #036eb8;}

.inews-box{ overflow:hidden; margin-top:50px;}
.inews-left{ width:760px; float:left; position:relative; opacity:0; position:relative; transform: translateX(-150px); transition: all 1.6s ease;}
.inews-left .img{ width:760px; height:400px; overflow:hidden;}
.inews-left .img img{ transition: all 0.3s linear 0s;}
.inews-left:hover .img img{transform: scale(1.1,1.1);}
.inews-left .text{ margin-top:10px;}
.inews-left .text .title{ font-size:16px; color:#036eb8; font-weight:bold; height:35px; line-height:35px;}
.inews-left:hover .text .title{ text-decoration:underline;}
.inews-left .text .title span{ color:#333; float:right; font-weight:normal;}
.inews-left .text .p{ font-size:14px; color:#5c5c5c; line-height:24px; float:left; width:620px; height:48px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.inews-left .text .btn{ float:right; padding:10px 0;}
.inews-left .text .btn span{ display:inline-block; width:78px; height:28px; border:1px solid #036eb8; border-radius:4px; text-align:center; line-height:28px; color:#036eb8; font-size:14px;}
.inews-left .text .btn span:hover{ background:#036eb8; color:#fff;}

.inews-right{ width:500px; float:right; position:relative; opacity:0; position:relative; transform: translateX(150px); transition: all 1.6s ease;}
.inews-right li{ border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:20px;}
.inews-right li:last-child{ margin-bottom:0;}
.inews-right li .bq{ width:100%; padding:0 10px; font-size:14px; color:#333; background:#e8e9ea; height:30px; line-height:30px; margin-bottom:5px;}
.inews-right li .title{ padding:0 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-size:16px; color:#333; line-height:30px; height:60px; position:relative;}
.inews-right li .title span{ display:inline-block; position:absolute; bottom:0; right:0; color:#036eb8;}
.inews-right li:hover .title{ color:#036eb8;}

.section.active .inews .inews-title{ opacity:1; transform: translateY(0px);}
.section.active .inews-left{ opacity:1; transform: translateY(0px); transition-delay: 0.4s;}
.section.active .inews-right{ opacity:1; transform: translateY(0px); transition-delay: 0.4s;}

.footer{ background:url(../images/foot-bg.jpg) no-repeat center top; height:290px;}
.footer .foot-logo{ height:290px; line-height:290px; float:left;}
.footer .foot-contact{ float:left; margin-top:30px; margin-left:80px; width:475px;}
.footer .foot-contact dt{ font-size:20px; color:#fff; font-weight:bold; width:300px; border-bottom:1px solid #dedede; line-height:56px; margin-bottom:10px;}
.footer .foot-contact dd{ font-size:14px; color:#fff; line-height:32px;}
.footer .foot-nav{ float:left; margin-top:30px; margin-left:75px; width:250px;}
.footer .foot-nav dt{ font-size:20px; color:#fff; font-weight:bold; width:250px; border-bottom:1px solid #dedede; line-height:56px; margin-bottom:10px;}
.footer .foot-nav dd{ float:left; width:50%;}
.footer .foot-nav dd a{ font-size:14px; color:#fff; line-height:42px;}
.footer .foot-nav dd a:hover{ text-decoration:underline;}
.footer .foot-wx{ float:right; margin-top:72px;}
.footer .foot-wx img{ padding:10px; background:#fff; border-radius:10px;}
.footer .foot-wx p{ text-align:center; font-size:14px; color:#fff; margin-top:10px;}

.foot-copy{ background:#01528a; font-size:14px; color:#fff; height:60px; line-height:60px;}
.foot-copy a{ color:#fff;}

.box-six{ height: 350px !important;}
.box-six .fp-tableCell { display: block !important; height: 350px !important;}