/* CSS Document */
*{margin:0; padding:0; font-family: Arial,Helvetica,sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1300px; margin:0 auto; position:relative;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.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:230px; 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;}

.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:55px;}
.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;}

.page-banner{ height:400px; position:relative; margin-top:120px;}
.page-banner .mbx{ position:absolute; width:100%; left:0; bottom:0; height:50px; line-height:50px; background:rgba(0,0,0,.2);}
.page-banner .mbx .box{ float:right; font-size:14px; color:#fff;}
.page-banner .mbx .box span{ display:inline-block; background:url(../images/mbx-icon.png) no-repeat center left; padding-left:30px; margin:0 5px;}
.page-banner .mbx .box a{ display:inline-block; font-size:14px; color:#fff; margin:0 5px;}
.page-banner .mbx .box a:hover{ text-decoration:underline;}

.page-nav{ height:80px; background:#fff; box-shadow:0 5px 10px rgba(184,184,184,.2); top:0; left:0; width:100%; z-index:9999;}
.page-nav li{ width:25%; height:80px; line-height:80px; text-align:center; float:left;}
.page-nav li a{ display:inline-block; width:100%; height:100%; font-size:18px; color:#333;}
.page-nav li a.on, .page-nav li:hover a{ background:url(../images/page-nav-bg.png) no-repeat center; background-size:cover;}
.page-nav li a.on, .page-nav li:hover a{ color:#fff;}

.ryzz0-nav li{ width:16.66%;}
.ryzz-nav li{ width:33.33%;}
.news-nav li{ width:50%;}
.fa-nav li{ width:16.666667%;}
.fa2-nav li{ width:20%;}

.cp-nav{ text-align: center; margin-top: 30px;}
.cp-nav ul{ display: inline-block; width: 800px;}
.cp-nav li{ width: 380px; float: left; margin-right: 40px; height: 55px; line-height: 55px;}
.cp-nav li:last-child{ margin-right: 0;}
.cp-nav li a{ display: inline-block; width: 100%; border-radius: 6px;}
.cp-nav li.on a, .cp-nav li:hover a{ background: #036eb8; color: #fff;}


.about-box1{ padding :65px 0  50px;}
.about-box1 .title{ font-size:30px; color:#333;}
.about-box1 .title-f{ font-size:20px; color:#036eb8; margin-top:10px; position:relative; padding-bottom:25px;}
.about-box1 .title-f i{ display:inline-block; width:80px; height:4px;  background:#d2d2d2; position:absolute; left:0; bottom:0; border-radius:4px;}
.about-box1 .text{ font-size:14px; color:#595959; text-indent:2em; line-height:30px; margin-top:30px;}

.about-box2{ height:500px;}

.about-box3{ padding:80px 0 30px; overflow:hidden;}
.about-box3 li{ width:565px; height:150px; padding:30px; box-shadow:0 0 8px rgba(182,182,182,.2); float:left; margin-right: 50px; margin-bottom:40px;}
.about-box3 li:nth-child(2n){ margin-right:0;}
.about-box3 li .icon{ height:40px; line-height:40px; width:100%; margin-bottom:10px;}
.about-box3 li .num{ font-size:14px; color:#333;}
.about-box3 li .num span{ font-family:"Impact"; font-size:40px; margin-right:5px;}
.about-box3 li .text{ font-size:14px; color:#333; line-height:24px; margin-top:10px;}

.hz-list{ margin-top:60px;}
.hz-list li{ float:left; margin-right: 13px; margin-bottom:30px;}
.hz-list li:nth-child(4n){ margin-right:0;}
.hz-list li .img{ width:313px; height:148px; border:1px solid #e5e5e5; overflow:hidden; transition: all 0.2s linear 0s;}
.hz-list li .title{ font-size:16px; color:#333; text-align:center; margin-top:15px;}
.hz-list li:hover .img{ border:1px solid #036eb8; box-shadow:0 3px 5px rgba(0,0,0,.2);}
.hz-list li:hover .title{ color:#036eb8;}

.pager-list{ padding-top:15px; padding-bottom:60px; text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 1px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333; height:35px; line-height:35px; padding:0 15px;  background:#fff; border:1px solid #dcdcdc;}
.pager-list li a:hover{ background:#036eb8; color:#fff; border:1px solid #036eb8;}
.pager-list li.active>*{ color:#fff; background:#036eb8; border:1px solid #036eb8;}
.pager-list li.disabled>*{ cursor:auto; background:#eee; color:#ccc;}
.pager-list li.prev{ margin-right:20px;}
.pager-list li.prev *{ background:url(../images/pager-prev.png) no-repeat center;}
.pager-list li.prev a:hover{ background:url(../images/pager-prev.png) no-repeat center #036eb8;}
.pager-list li.next{ margin-left:20px;}
.pager-list li.next *{ background:url(../images/pager-next.png) no-repeat center;}
.pager-list li.next a:hover{ background:url(../images/pager-next.png) no-repeat center #036eb8;}

.ryzz-list{ margin-top:60px;}
.ryzz-list li{ float:left; margin-right: 20px; margin-bottom:30px; width: 310px;}
.ryzz-list li:nth-child(4n){ margin-right:0;}
.ryzz-list li:nth-child(4n-3){ clear: left;}
.ryzz-list li .img{ width:310px; height:220px; text-align: center; overflow:hidden; transition: all 0.2s linear 0s; border: 1px solid #d2d2d2; padding:5px;}
.ryzz-list li .img img{ height:100%; }
.ryzz-list li .title{ font-size:16px; color:#333; text-align:center; margin-top:15px;}
.ryzz-list li:hover .img{ box-shadow:0 3px 5px rgba(0,0,0,.35);}
.ryzz-list li:hover .title{ color:#036eb8;}

.product-list{ margin-top:70px;}
.product-list li{ float:left; margin-bottom:25px;     margin-right: 20px;}
.product-list li:nth-child(3n){ margin-right:0;}
.product-list li .img{ width:418px; height:298px; border:1px solid #e5e5e5; overflow:hidden;}
.product-list li .img img{ transition: all 0.2s linear 0s; height:100% }
.product-list li:hover .img img{ transform: scale(1.1,1.1);}
.product-list li .title{ width:420px; height:58px; line-height: 22px; text-align:center; font-size:16px; color:#333; background:#eee; margin-top:6px; align-items:center; justify-content: center; display: flex;}
.product-list li:hover .title{ background:#036eb8; color:#fff;}

.news-list{ margin-top:80px;}
.news-list li{ overflow:hidden; margin-bottom:35px;}
.news-list li .img{ width:350px; height:184px; float:left; overflow:hidden;}
.news-list li .img img{ transition: all 0.2s linear 0s;}
.news-list li:hover .img img{ transform: scale(1.1,1.1);}
.news-list li .text{ float:left; width:880px; height:184px; background:#f5f5f5;  padding:0 45px 0 25px;}
.news-list li .text .title{ font-size:18px; color:#333; font-weight:bold; margin-top:15px;}
.news-list li .text .p{ font-size:14px; color:#7a7a7a; line-height:26px; margin-top:10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:52px;}
.news-list li .text .date{ font-size:16px; color:#333; margin-top:25px;}
.news-list li .text .date span{ color:#333; float:right;}
.news-list li:hover .text .title{ color:#036eb8;}
.news-list li:hover .text .date span{ color:#036eb8;}

.news-con{ padding-top:60px; margin-bottom:60px;}
.news-con .title{ font-size:24px; text-align:center; color:#333;}
.news-con .bq{ height:35px; line-height:35px; text-align:center; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.news-con .bq span{ display:inline-block; font-size:14px; color:#9a9a9a; padding-left:20px; margin:0 20px;}
.news-con .bq button{ display:inline-block; font-size:14px; color:#fff; margin:0 20px; border:none; background: #0369b0; cursor:pointer; width:60px; height:25px; border-radius:4px;}
.news-con .bq button:hover{ background:#b62323;}
.news-con .bq .icon1{ background:url(../images/news-icon1.png) no-repeat center left;}
.news-con .bq .icon2{ background:url(../images/news-icon2.png) no-repeat center left;}
.news-con .bq .icon3{ background:url(../images/news-icon3.png) no-repeat center left;}
.news-con .text{ padding:30px 0 40px; font-size:14px; color:#333; line-height:39px;}
.news-con .text p+p{ margin-top:22px;}

.pager{ width:100%; height:50px; line-height:50px; background:#eee;}
.pager > div{ width:620px; padding:0 15px; float:left; font-size:14px; color:#333;     overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;   }
.pager .next{ text-align:right;}
.pager > div a:hover{ color:#0369b0; text-decoration:underline;}

.fa-list{ margin-top:80px;}
.fa-list li{ overflow:hidden; margin-bottom:35px;}
.fa-list li .img{ width:350px; height:200px; float:left; overflow:hidden;}
.fa-list li .img img{ transition: all 0.2s linear 0s;}
.fa-list li:hover .img img{ transform: scale(1.1,1.1);}
.fa-list li .text{ float:left; width:880px; height:200px; background:#f5f5f5;  padding:0 45px 0 25px;}
.fa-list li .text .title{ font-size:18px; color:#333; font-weight:bold; margin-top:25px;}
.fa-list li .text .title span{ display:inline-block; float:right; font-weight:normal; background:url(../images/news-icon3.png) no-repeat center left; padding-left:25px; font-size:14px; color:#9a9a9a;}
.fa-list li .text .p{ font-size:14px; color:#7a7a7a; line-height:26px; margin-top:10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; height:78px;}
.fa-list li .text .p span{ font-weight:bold; color:#333;}
.fa-list li .text .more{ font-size:16px; color:#333; margin-top:20px;}
.fa-list li .text .more span{ color:#333; float:right;}
.fa-list li:hover .text .title{ color:#036eb8;}
.fa-list li:hover .text .more span{ color:#036eb8;}

.contact{ overflow:hidden; margin-top:70px;}
.contact li{ float:left; text-align:center; margin-right: 173px;}
.contact li:last-child{ margin-right:0;}
.contact li .text{ margin-top:15px;}
.contact li .text p{ font-size:14px; color:#333; line-height:26px;}
.contact li:nth-child(2) .text p{ text-align:center;}

.map{ margin:80px 0 90px; height:400px;}

.message{ margin:60px auto 80px; width:960px;}  
.message li{ margin-bottom:20px;}
.message li label{ display:inline-block; width:75px; padding-left:15px; font-size:14px; color:#333; position:relative; height:45px; line-height:45px; float:left; position:relative;}
.message li i{ position:absolute; font-style:normal; color:#f00;     left: 0;  top: 3px;}
.message li textarea{ height:100px; width:680px; border:1px solid #d2d2d2; font-size:14px; color:#333; padding:10px 15px;}
.message li input[type="text"]{ height:43px; width:680px; border:1px solid #d2d2d2; padding:0 15px;}
.message li.yzm input[type="text"]{ width:170px;}
.message li.yzm img{ border:1px solid #d2d2d2; margin-left:10px;}
.message li:last-child input{ width:120px; height:45px; background:#036eb8; font-size:16px; color:#fff; margin-left:90px; border:none; cursor:pointer;}

/*.product-con{ margin-top:70px; overflow:hidden;}
.product-con-img{ width:600px; overflow:hidden; float:left;}
.product-con-img .gallery-top{ border:1px solid #d2d2d2; overflow:initial; z-index:1;}
.product-con-img .gallery-top .swiper-button-next{ width:45px; height:105px; background:url(../images/pager-next.png) no-repeat center #fff; right:-1px; top:451px;}
.product-con-img .gallery-top .swiper-button-prev{ width:45px; height:105px; background:url(../images/pager-prev.png) no-repeat center #fff; left:-1px; top:451px;}

.product-con-img .gallery-thumbs{ padding:0 45px; margin-top:30px; z-index:0;}
.product-con-img .gallery-thumbs .swiper-slide{ border:1px solid #d2d2d2;}
.product-con-img .gallery-thumbs .swiper-slide-thumb-active{ border:1px solid #036eb8;}

.product-con-text{ width:645px; float:right;}
.product-con-text .title{ font-size:30px; color:#036eb8; font-weight:bold; padding:10px 0 20px; border-bottom:1px dashed #d2d2d2;}
.product-con-text .text{ padding:20px 0; font-size:14px; color:#6d6d6d; line-height:22px;}
.product-con-text .text span{ color:#333; font-weight:bold; }
.product-con-text .btn button{ border:none; height:35px; width:120px; font-size:16px; color:#fff; background:#036eb8; border-radius:4px; cursor:pointer;}
.product-con-text .btn button:hover{ background:#b62323;}

.product-con-box{ margin-top:60px;}
.product-con-box .top{ font-size:24px; color:#333; font-weight:bold; padding:15px 0; border-bottom:4px solid #036eb8;}
.product-con-box .text{ padding:20px 0 40px;}*/

.news-tj{ overflow:hidden; margin: -30px 0 20px;}
.news-tj .top{ position:relative; height:50px; line-height:50px; font-size:18px; color:#333; font-weight:bold; padding-left:20px; border-bottom:1px solid #f2f2f2;}
.news-tj .top i{ position:absolute; display:inline-block; width:2px; height:20px; background:#0369b0; left:0; top:50%; transform:translateY(-50%);}
.news-tj .list{ padding-top:35px;}
.news-tj .list li{ overflow:hidden; margin-bottom:35px; float:left; width:630px; margin-right:40px;}
.news-tj .list li:nth-child(2n){ margin-right:0;}
.news-tj .list li .img{ width:240px; height:130px; float:left; overflow:hidden;}
.news-tj .list li .img img{ transition: all 0.2s linear 0s; width:100%;}
.news-tj .list li:hover .img img{ transform: scale(1.1,1.1);}
.news-tj .list li .text{ float:left; width:340px; height:130px; background:#f5f5f5;  padding:0 25px;}
.news-tj .list li .text .title{ font-size:16px; color:#333; font-weight:bold; margin-top:18px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; height:22px;}
.news-tj .list li .text .p{ font-size:14px; color:#7a7a7a; line-height:22px; margin-top:6px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:44px;}
.news-tj .list li .text .date{ font-size:14px; color:#333; margin-top:8px;}
.news-tj .list li .text .date span{ color:#333; float:right;}
.news-tj .list li:hover .text .title{ color:#036eb8;}
.news-tj .list li:hover .text .date span{ color:#036eb8;}

.product-tj{ overflow:hidden; margin: 60px 0 20px;}
/*.product-tj .top{ position:relative; height:50px; line-height:50px; font-size:18px; color:#333; font-weight:bold; padding-left:20px; border-bottom:1px solid #f2f2f2;}
.product-tj .top i{ position:absolute; display:inline-block; width:2px; height:20px; background:#0369b0; left:0; top:50%; transform:translateY(-50%);}*/
.product-tj .list{ padding-top:35px;}
.product-tj li{ float:left; margin-bottom:25px;     margin-right: 20px; width:420px;}
.product-tj li:nth-child(3n){ margin-right:0;}
.product-tj li .img{ width:418px; height:298px; border:1px solid #e5e5e5; overflow:hidden;}
.product-tj li .img img{ transition: all 0.2s linear 0s;}
.product-tj li:hover .img img{ transform: scale(1.1,1.1);}
.product-tj li .title{ width:420px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#333; background:#eee; margin-top:20px;}
.product-tj li:hover .title{ background:#036eb8; color:#fff;}

.product-top{ margin-top:120px; background:#f0f1f5; padding:100px 0; overflow:hidden;}
.product-imgs{ width:598px; height:300px; border:1px solid #f0f1f5; float:left;}
.product-text{ float:right; width:550px; padding-right:100px;}
.product-text .bq{ font-size:18px; color:#036eb8; font-weight:bold;}
.product-text .title{ font-size:38px; color:#333; font-weight:bold; margin-top:6px;}
.product-text .p{ font-size:16px; color:#333; line-height:26px; margin-top:20px;}
.product-text .other{ margin-top:20px;}
.product-text .other p{ font-size:16px; color:#036eb8; font-style:italic; margin-bottom:20px;}
.product-text .other a{ display:inline-block; width:51px; height:52px; margin-right:20px; transition: all 0.2s linear 0s;}
.product-text .other a.icon1{ background:url(../images/icon-1.jpg) no-repeat center;}
.product-text .other a.icon2{ background:url(../images/icon-2.jpg) no-repeat center;}
.product-text .other a.icon3{ background:url(../images/icon-3.jpg) no-repeat center;}
.product-text .other a.icon1:hover{ background:url(../images/icon-1-h.jpg) no-repeat center;}
.product-text .other a.icon2:hover{ background:url(../images/icon-2-h.jpg) no-repeat center;}
.product-text .other a.icon3:hover{ background:url(../images/icon-3-h.jpg) no-repeat center;}

#pro-box1{ padding:60px 0; overflow:hidden;}
#pro-box1 .top{ font-size:36px; color:#333; font-weight:bold;}
#pro-box1 .text{ padding:20px 0 40px; font-size:16px; line-height:26px; color:#333;}

#pro-box2{ padding:100px 0; overflow:hidden; height:390px;}
#pro-box2 .top{ font-size:36px; color:#fff; font-weight:bold;}
#pro-box2 .text{ width:420px; padding-right:60px; border-right:1px solid #a7dbff; font-size:16px; margin-top:60px; color:#fff; padding:10px 60px 10px 0; line-height:30px;}

#pro-box3{ padding:60px 0; background:#f0f1f5; overflow:hidden;}
#pro-box3 .top{ font-size:36px; color:#333; font-weight:bold; margin-bottom:30px;}
#pro-box3 li{ height:70px; background:#fff; line-height:70px; width:630px; float:left; margin-right:40px; margin-bottom:20px;}
#pro-box3 li a{ display:inline-block; width:100%; height:100%;}
#pro-box3 li:nth-child(2n){ margin-right:0;}
#pro-box3 li .title{ float:left; font-size:16px; color:#333;}
#pro-box3 li i{ display:inline-block; width:70px; height:70px; }
#pro-box3 li i.pdf{ float:left; background:url(../images/icon-pdf-1.png) no-repeat center;}
#pro-box3 li i.down{ float:right; background:url(../images/icon-down-1.png) no-repeat center; border-left:1px solid #fff;}
#pro-box3 li:hover a{ background: linear-gradient(to right, #25c1ff, #036eb8);}
#pro-box3 li:hover i.pdf{ background:url(../images/icon-pdf-2.png) no-repeat center;}
#pro-box3 li:hover i.down{ background:url(../images/icon-down-2.png) no-repeat center;}
#pro-box3 li:hover .title{ color:#fff;}

#pro-box4{ margin-bottom:60px;}
#pro-box4 .top{ font-size:36px; color:#333; font-weight:bold; margin-bottom:10px;}

.fa-top{ margin-top:120px; background:#f0f1f5; padding:100px 0; overflow:hidden;}
.fa-top .container{ display:table; height:100%;}
.fa-top .box{ display:table-cell; vertical-align:middle; height:300px; color:#fff; font-weight:bold;}
.fa-top .bq{ font-size:24px;}
.fa-top .title{ font-size:48px; margin-top:20px;}

#fa-box1{ padding:60px 0 0; overflow:hidden;}
#fa-box1 .top{ font-size:36px; color:#333; font-weight:bold;}
#fa-box1 .text{ padding:20px 0 40px; font-size:16px; line-height:26px; color:#333;}

#fa-box2{ padding:60px 0 0; overflow:hidden;}
#fa-box2 .top{ font-size:36px; color:#333; font-weight:bold;}
#fa-box2 .text{ padding:20px 0 40px; font-size:16px; line-height:26px; color:#333;}

#fa-box3{ padding:60px 0; overflow:hidden;}
#fa-box3 .top{ font-size:36px; color:#fff; font-weight:bold; margin-bottom:30px;}
#fa-box3 .img{ float:left; width:710px;}
#fa-box3 .text{ padding:20px 0 40px; font-size:16px; line-height:26px; color:#fff; float:right; width:550px;}
#fa-box3 .text h4{ color:#fff; font-size:20px; margin:20px 0 10px; font-weight:bold;}
#fa-box3 .text h4:first-child{ margin-top:0;}

#fa-box4{ padding:60px 0; background:#f0f1f5; overflow:hidden;}
#fa-box4 .top{ font-size:36px; color:#333; font-weight:bold; margin-bottom:30px;}
#fa-box4 li{ height:70px; background:#fff; line-height:70px; width:630px; float:left; margin-right:40px; margin-bottom:20px;}
#fa-box4 li a{ display:inline-block; width:100%; height:100%;}
#fa-box4 li:nth-child(2n){ margin-right:0;}
#fa-box4 li .title{ float:left; font-size:16px; color:#333;}
#fa-box4 li i{ display:inline-block; width:70px; height:70px; }
#fa-box4 li i.pdf{ float:left; background:url(../images/icon-pdf-1.png) no-repeat center;}
#fa-box4 li i.down{ float:right; background:url(../images/icon-down-1.png) no-repeat center; border-left:1px solid #fff;}
#fa-box4 li:hover a{ background: linear-gradient(to right, #25c1ff, #036eb8);}
#fa-box4 li:hover i.pdf{ background:url(../images/icon-pdf-2.png) no-repeat center;}
#fa-box4 li:hover i.down{ background:url(../images/icon-down-2.png) no-repeat center;}
#fa-box4 li:hover .title{ color:#fff;}

#fa-box5{ margin-bottom:60px;}
#fa-box5 .top{ font-size:36px; color:#333; font-weight:bold; margin-bottom:30px; margin-top:60px;}
.fa-tj{ margin-bottom:60px;}
.fa-tj .swiper-slide{ background:#fff;}
.fa-tj .text{ float:left; width:600px; padding-right:50px;}
.fa-tj .text .title{ color:#036eb8; font-size:20px; font-weight:bold; line-height:36px; margin-top:20px;}
.fa-tj .text .p{ font-size:16px; color:#333; line-height:36px; margin-top:25px;}
.fa-tj .img{ float:right; width:650px; }
.fa-tj .img img{ width:100%;}
.fa-tj .swiper-button-next{ background:url(../images/fa-next.png) no-repeat center #f2f2f2; width:30px; height:30px; border:1px solid #ccc; left:60px; right:inherit; top:inherit; margin-top:0; bottom:0;}
.fa-tj .swiper-button-prev{ background:url(../images/fa-prev.png) no-repeat center #f2f2f2; width:30px; height:30px; border:1px solid #ccc; top:inherit; bottom:0; margin-top:0;}
.fa-tj .swiper-button-next:hover{ background:url(../images/fa-next2.png) no-repeat center #036eb8;  border:1px solid #036eb8;}
.fa-tj .swiper-button-prev:hover{ background:url(../images/fa-prev2.png) no-repeat center #036eb8;  border:1px solid #036eb8;}