/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Arial, Microsoft YaHei; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height:100%; position: relative; font-size: 1em;}
html.on { overflow: hidden; height: 100%; }
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }

.header { position:fixed; width: 100%; z-index: 9999; height:60px; line-height:60px; box-shadow:0 3px 4px rgba(124,124,124,.35); background-size:cover; background:#fff; transition: all 0.3s linear 0s;}
.header .logo { padding:0;}
.header .logo img{ height:24px;}
.header .search{ padding:0 15px;}
.header .search img{ height:24px; margin-top:-4px;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #156cad; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding:0 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#156cad; color:#fff; line-height:40px;}
.header .nav-btn { padding: 4.1% 0; position:relative;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; float: right; margin: 7% 0;  z-index: 99;}
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #036eb8; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s; }
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }
.header .nav-active .nav-icon{ z-index: 9999;}

.nav { position: fixed; width: 66%; height: 100%; top: 0; right: -66%; background: #fff; transition: all 0.2s linear 0s; z-index:9;}
.nav.on { right: 0; z-index:999;}
.nav .nav-top { background: #036eb8; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.4em; color: #333; }
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none; z-index:99;}
.nav-bg.on{ display:block;}

.banner{ height:300px; 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 .img1 img{ width:100%;}
.banner .swiper-slide .box .img2{ margin-bottom:10px; transition: all 2s ease; transform: translateY(50px); opacity:0;}
.banner .swiper-slide .box .img2 img{ width:75%;}
.banner .swiper-slide .box .btn{ transition: all 2s ease; transform: translateY(50px); opacity:0;}
.banner .swiper-slide .box .btn span{ display:inline-block; width:120px; height:35px; line-height:35px; text-align:center; border-radius:10px; background:#036eb8; color:#fff; font-size:1em;}
.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:40px; height:6px; background:#fff; border-radius:10px; margin:0 10px !important; opacity:.5;}
.banner .swiper-pagination-bullet-active{ background:#036eb8;}

.iabout{ padding-bottom:20px;}
.iabout-text{ width:100%;}
.iabout-text .title{ display:block;}
.iabout-text .title .cn{ font-size:1.8em; color:#333; padding-bottom:6px; 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:1.2em; color:#036eb8; text-transform: uppercase; margin-top:8px;}
.iabout-text .text{ font-size:14px; color:#5c5c5c; line-height:24px; text-indent:2em; margin-top:10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; text-align:justify; letter-spacing:1px; height:120px;}
.iabout-text .btns{ margin-top:20px;}
.iabout-text .btns 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 .btns a:hover{ background:#fff; color:#036eb8;}
.iabout-img{ margin:20px 0; border:3px solid #036eb8; border-radius:6px; height:150px; overflow:hidden;}

.iabout-ry{ margin-top:25px;}
.iabout-ry .swiper-container{ padding:0 32px;}
.iabout-ry .swiper-slide{ text-align:center;}
.iabout-ry .swiper-slide img{ border: 1px solid #d2d2d2; padding:3px;}
.iabout-ry .swiper-button-next{ background:url(../images/iabout-ry-next.png) no-repeat center right #fff; right:0; margin-top:0; top: 0; height: 134px; background-size:20px;}
.iabout-ry .swiper-button-prev{ background:url(../images/iabout-ry-prev.png) no-repeat center left #fff; left:0;margin-top:0; top: 0; height: 134px; background-size:20px;}

.iabout-ys{ margin-top:25px;}
.iabout-ys li{ float:left; height:60px; border-right:1px solid #bfbfbf; text-align:center; padding:0 1%;}
.iabout-ys li:last-child{ border-right:none;}
.iabout-ys li .num{ font-size:2em; color:#036eb8; font-weight:bold; height:30px; line-height:35px;}
.iabout-ys li .num span{ font-size:0.75em;}
.iabout-ys li .title{ font-size:1.4em; color:#333; margin-top: 6px;}

.icase{ overflow:hidden; background:url(../images/case-bg.jpg) no-repeat center; background-size:cover; padding:25px 0;}
.icase .icase-title{ display:block; position:relative;}
.icase .icase-title .cn{ font-size:1.8em; color:#fff; padding-bottom:6px; 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:1.2em; color:#fff; text-transform: uppercase; margin-top:8px;}
.icase .icase-title .more{ position:absolute; right:0; bottom:0;}
.icase .icase-title .more a{ display:inline-block; width:100px; height:35px; border-radius:4px; background:#fff; font-size:1.4em; color:#036eb8; text-align:center; line-height:35px; border:1px solid #fff;}
.icase .icase-title .more a:hover{ background:#036eb8; color:#fff;}
.icase .icase-box{ margin-top:20px;}
.icase .icase-box .hd li{ background:rgba(0,0,0,.4); position:relative; cursor:pointer; text-align:center; margin-bottom:10px;}
.icase .icase-box .hd li .box{ display:inline-block; padding:10px 0; overflow:hidden;}
.icase .icase-box .hd li .box .img{ height:54px; line-height:54px; float:left; padding-right:20px; width:84px; text-align:center;}
.icase .icase-box .hd li .box .img img{ height:54px;}
.icase .icase-box .hd li:last-child .box .img{ height:68px; line-height:68px;}
.icase .icase-box .hd li .box .text{ float:left; padding:5px 0 4px; text-align:left; width:220px;}
.icase .icase-box .hd li .box .text .t{ font-size:1.6em; color:#fff; font-weight:bold;}
.icase .icase-box .hd li .box .text .p{ font-size:1.2em; color:#c5c5c5; text-transform: uppercase; margin-top: 6px;}
.icase .icase-box .hd li.on{ background:#036eb8;}

.icase .icase-box .bd{ margin-top:25px; }
.icase .icase-box .bd .icase-list{ overflow:hidden;}
.icase .icase-box .bd .icase-list .swiper-container{ padding-bottom:30px;}
.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:35px; line-height:35px; background:rgba(0,0,0,.4); font-size:1.4em; 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:10px; height:10px; background:#fff; border-radius:10px; margin:0 10px !important; opacity:.5;}
.icase .icase-box .bd .icase-list .swiper-pagination-bullet-active{ background:#036eb8;}

.ihz{ background:url(../images/ihz-bg.jpg) no-repeat center; background-size:cover; padding:20px 0 10px;}
.ihz .ihz-title{ display:block; position:relative;}
.ihz .ihz-title .cn{ font-size:1.8em; color:#333; padding-bottom:6px; 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:1.2em; color:#036eb8; text-transform: uppercase; margin-top:8px;}
.ihz .ihz-title .more{ position:absolute; right:0; bottom:0;}
.ihz .ihz-title .more a{ display:inline-block; width:100px; height:35px; border-radius:4px; background:#036eb8; font-size:1.4em; color:#fff; text-align:center; line-height:35px; border:1px solid #036eb8;}
.ihz .ihz-title .more a:hover{ background:#fff; color:#036eb8;}
.ihz .ihz-list{ margin:20px -7.5px 0;}
.ihz .ihz-list li{ float:left; width:50%; padding:0 7.5px; margin-bottom:10px;}
.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);}

.inews{ padding:25px 0 20px; background:#fbfbfb;}
.inews .inews-title{ display:block; position:relative; }
.inews .inews-title .cn{ font-size:1.8em; color:#333; padding-bottom:6px; 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:1.2em; color:#036eb8; text-transform: uppercase; margin-top:8px;}
.inews .inews-title .more{ position:absolute; right:0; bottom:0;}
.inews .inews-title .more a{ display:inline-block; width:100px; height:35px; border-radius:4px; background:#036eb8; font-size:1.4em; color:#fff; text-align:center; line-height:35px; border:1px solid #036eb8;}

.inews-box{ overflow:hidden; margin-top:20px;}
.inews-left{ width:100%;}
.inews-left .img{ width:100%; 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:1.6em; color:#036eb8; font-weight:bold; line-height:24px;}
.inews-left:hover .text .title{ text-decoration:underline;}
.inews-left .text .date{ color:#999; font-size:1.2em; margin:6px 0;}
.inews-left .text .p{ font-size:1.4em; color:#5c5c5c; line-height:24px; height:48px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.inews-left .text .btns{ padding:10px 0;}
.inews-left .text .btns 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:1.2em;}
.inews-left .text .btns span:hover{ background:#036eb8; color:#fff;}

.inews-right{ position:relative; margin-top:20px;}
.inews-right li{ border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:15px;}
.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:8px;}
.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:1.4em; color:#333; line-height:24px; height:48px; 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;}

.footer{ background:url(../images/foot-bg.jpg) no-repeat center; background-size:cover;}
.foot-top{ overflow:hidden; padding-top:20px; border-bottom:1px solid #b5b5b5;}
.foot-contact dl{ overflow:hidden;}
.foot-contact dt{ margin-bottom:20px; padding:0 20px;}
.foot-contact dd{ font-size:1.4em; color:#fff; padding:0; margin-bottom:5px; line-height:24px;}
.foot-wx{ padding-bottom:20px; overflow:hidden;}
.foot-wx li{ border-radius:10px; overflow:hidden;  width:100%; text-align:center;}
.foot-copy{ font-size:1.2em; color:#fff; padding:10px; line-height:22px; background: #01528a; margin:0 -15px;}
.foot-copy p{ text-align:center;}
.foot-copy a{ color:#fff;}

.page-banner{ height:160px; position:relative;}
.page-banner .mbx{ position:absolute; width:100%; left:0; bottom:0; height:35px; line-height:35px; background:rgba(0,0,0,.2);}
.page-banner .mbx .box{ float:right; font-size:1.2em; 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; background-size:15px;}
.page-banner .mbx .box a{ display:inline-block; font-size:1em; color:#fff; margin:0 5px;}
.page-banner .mbx .box a:hover{ text-decoration:underline;}

.page-nav{ background:#fff; box-shadow:0 5px 10px rgba(184,184,184,.2); margin-bottom: 20px; top:0; width:100%; left:0; z-index:999;}
.page-nav li{ width:25%; height:40px; line-height:40px; text-align:center; float:left;}
.page-nav li a{ display:inline-block; width:100%; height:100%; font-size:1.2em; 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;}

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

.cp-nav{ text-align: center; margin: -5px 0 5px; overflow: hidden;}
.cp-nav ul{ padding: 0 15%;}
.cp-nav li{ width: 50%; float: left; height: 35px; line-height: 35px; padding: 0 10px;}
.cp-nav li a{ display: inline-block; width: 100%; border-radius: 4px;}
.cp-nav li.on a, .cp-nav li:hover a{ background: #036eb8; color: #fff;}

.about-box1{ padding:15px 0 20px;}
.about-box1 .title{ font-size:1.8em; color:#333;}
.about-box1 .title-f{ font-size:1.3em; color:#036eb8; margin-top:5px; position:relative; padding-bottom:15px;}
.about-box1 .title-f i{ display:inline-block; width:80px; height:2px;  background:#d2d2d2; position:absolute; left:0; bottom:0; border-radius:4px;}
.about-box1 .text{ font-size:1.4em; color:#595959; text-indent:2em; line-height:26px; margin-top:15px;}
.about-box1 .text img{ height:auto !important }
.about-box2{ height:120px; background-size:cover !important;}

.about-box3{ padding:30px 0 20px; overflow:hidden;}
.about-box3 li{ width:100%; padding:20px; box-shadow:0 0 8px rgba(182,182,182,.2); float:left; margin-bottom:20px; overflow:hidden;}
.about-box3 li .icon{ height:60px; line-height:60px; float:left; padding-right:15px; width:18%;}
.about-box3 li .num{ font-size:1.4em; color:#333; float:left; width:82%;}
.about-box3 li .num span{ font-family:"Impact"; font-size:3em; margin-right:5px;}
.about-box3 li .text{ font-size:1.4em; color:#333; line-height:22px; margin-top:10px;}

.hz-list{ margin:15px -7.5px 0;}
.hz-list li{ float:left; width:50%; padding:0 7.5px; margin-bottom:15px;}
.hz-list li .img{ border:1px solid #e5e5e5; overflow:hidden; transition: all 0.2s linear 0s;}
.hz-list li .title{ font-size:1.4em; color:#333; text-align:center; margin-top:5px;}
.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:30px; 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:10px;}
.pager-list li.prev *{ background:url(../images/pager-prev.png) no-repeat center; background-size: contain;}
.pager-list li.prev a:hover{ background:url(../images/pager-prev.png) no-repeat center #036eb8;}
.pager-list li.next{ margin-left:10px;}
.pager-list li.next *{ background:url(../images/pager-next.png) no-repeat center; background-size: contain;}
.pager-list li.next a:hover{ background:url(../images/pager-next.png) no-repeat center #036eb8;}

.ryzz-list{ margin:15px -7.5px 0;}
.ryzz-list li{ float:left; width:50%; padding:0 7.5px; margin-bottom:15px;}
.ryzz-list li .img{ overflow:hidden; transition: all 0.2s linear 0s; border: 1px solid #b5b5b5; padding:3px;}
.ryzz-list li .title{ font-size:1.4em; color:#333; text-align:center; margin-top:10px;height: 40px; overflow: hidden;}
.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:15px -7.5px 0;}
.product-list li{ float:left; width:50%; padding:0 7.5px; margin-bottom:20px;}
.product-list li .img{ border:1px solid #e5e5e5; overflow:hidden;}
.product-list li .img img{ transition: all 0.2s linear 0s;}
.product-list li:hover .img img{ transform: scale(1.1,1.1);}
.product-list li .title{ height:35px; line-height:35px; text-align:center; font-size:1.4em; color:#333; background:#eee; margin-top:10px; overflow:hidden; padding:0 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.product-list li:hover .title{ background:#036eb8; color:#fff;}

/*.product-con{ margin-top:20px; overflow:hidden;}
.product-con-img{ overflow:hidden; }
.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:278px;}
.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:278px;}

.product-con-img .gallery-thumbs{ padding:0 45px; margin-top:24px; 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{ margin-top:20px;}
.product-con-text .title{ font-size:1.8em; color:#036eb8; font-weight:bold; padding:10px 0; border-bottom:1px dashed #d2d2d2;}
.product-con-text .text{ padding:20px 0; font-size:1.4em; color:#6d6d6d; line-height:22px;}
.product-con-text .text span{ color:#333; font-weight:bold; }

.product-con-box{ margin-top:10px;}
.product-con-box .top{ font-size:1.6em; color:#333; font-weight:bold; padding:10px 0; border-bottom:2px solid #036eb8;}
.product-con-box .text{ padding:20px 0 40px;}*/

.news-list{ margin-top:10px;}
.news-list li{ overflow:hidden; margin-bottom:15px;}
.news-list li .img{ width:100%; height:150px; float:left; overflow:hidden;}
.news-list li .img img{ transition: all 0.2s linear 0s; width:100%;}
.news-list li:hover .img img{ transform: scale(1.1,1.1);}
.news-list li .text{ float:left; background:#f5f5f5;  padding:0 15px 10px;}
.news-list li .text .title{ font-size:1.6em; color:#333; font-weight:bold; margin-top:15px;}
.news-list li .text .p{ font-size:1.4em; color:#7a7a7a; line-height:24px; margin-top:10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:48px;}
.news-list li .text .date{ font-size:1.4em; color:#333; margin-top:10px;}
.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:10px; margin-bottom:30px;}
.news-con .title{ font-size:1.8em; text-align:center; color:#333;}
.news-con .bq{ line-height:25px; text-align:center; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.news-con .bq span{ display:inline-block; font-size:1.4em; color:#9a9a9a; padding-left:20px; margin:0 20px;}
.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:20px 0; font-size:1.4em; color:#333; line-height:26px;}
.news-con .text p+p{ margin-top:15px;}
.news-con .text img{ height:auto !important }


.pager{ width:100%;  line-height:45px; background:#eee;}
.pager > div{ width:100%; padding:0 15px; float:left; font-size:1.4em; color:#333; text-align:left; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.pager .next{ text-align:left; border-top:1px solid #ccc;}
.pager .next a{ float:none;}
.pager > div a:hover{ color:#0369b0; text-decoration:underline; }

.fa-list{ margin-top:10px;}
.fa-list li{ overflow:hidden; margin-bottom:15px;}
.fa-list li .img{ height:150px; overflow:hidden;}
.fa-list li .img img{ transition: all 0.2s linear 0s; width:100%;}
.fa-list li:hover .img img{ transform: scale(1.1,1.1);}
.fa-list li .text{ background:#f5f5f5;  padding:15px; overflow:hidden;}
.fa-list li .text .title{ font-size:1.6em; color:#333; font-weight:bold;}
.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:.875em; color:#9a9a9a;}
.fa-list li .text .p{ font-size:1.4em; color:#7a7a7a; line-height:24px; margin-top:10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; height:72px;}
.fa-list li .text .p span{ font-weight:bold; color:#333;}
.fa-list li .text .more{ font-size:1.4em; color:#333; margin-top:10px; text-align:right;}
.fa-list li .text .more span{ color:#333;}
.fa-list li:hover .text .title{ color:#036eb8;}
.fa-list li:hover .text .more span{ color:#036eb8;}

.contact{ overflow:hidden; margin-top:10px;}
.contact li{ text-align:center; margin-bottom:20px;  width:50%; float:left;}
.contact li .icon img{ width:50px;}
.contact li .text{ margin-top:15px;}
.contact li .text p{ font-size:1.4em; color:#333; line-height:24px; text-align:center;}

.map{ margin:20px 0 40px; height:400px;}

.message{ margin:15px auto 30px;}  
.message li{ margin-bottom:20px;}
.message li label{ display:inline-block; width:20%; padding-left:15px; font-size:1.4em; 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:80%; border:1px solid #d2d2d2; font-size:1.4em; color:#333; padding:10px 15px;}
.message li input[type="text"]{ height:43px; width:80%; border:1px solid #d2d2d2; padding:0 15px; font-size:1.4em; color:#333;}
.message li.yzm input[type="text"]{ width:45%;}
.message li.yzm img{ border:1px solid #d2d2d2; margin-left:10px; float: right; width: 30%;}
.message li:last-child input{ width:120px; height:40px; background:#036eb8; font-size:1.6em; color:#fff; margin-left:20%; border:none; cursor:pointer;}

.product-tj{ overflow:hidden; margin: 10px 0 20px;}
.product-tj .top{ position:relative; height:50px; line-height:50px; font-size:1.8em; 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{ margin:15px -7.5px 0;}
.product-tj .list li{ float:left; width:50%; padding:0 7.5px; margin-bottom:20px;}
.product-tj .list li .img{ border:1px solid #e5e5e5; overflow:hidden;}
.product-tj .list li .img img{ transition: all 0.2s linear 0s;}
.product-tj .list li:hover .img img{ transform: scale(1.1,1.1);}
.product-tj .list li .title{ height:35px; line-height:35px; text-align:center; font-size:1.4em; color:#333; background:#eee; margin-top:10px; overflow:hidden; padding:0 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.product-tj .list li:hover .title{ background:#036eb8; color:#fff;}

.news-tj{ overflow:hidden; margin: 10px 0 20px;}
.news-tj .top{ position:relative; height:50px; line-height:50px; font-size:1.8em; 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:20px;}
.news-tj .list li{ overflow:hidden; margin-bottom:15px;}
.news-tj .list li .img{ width:35%; height:107px; float:left; overflow:hidden;}
.news-tj .list li .img img{ transition: all 0.2s linear 0s; width:auto; max-width:inherit; height:100%;}
.news-tj .list li:hover .img img{ transform: scale(1.1,1.1);}
.news-tj .list li .text{ float:left; background:#f5f5f5;  padding:0 15px 5px; width:65%}
.news-tj .list li .text .title{ font-size:1.6em; color:#333; font-weight:bold; margin-top:6px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-tj .list li .text .p{ font-size:1.4em; color:#7a7a7a; line-height:22px; margin-top:4px; 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:1.4em; color:#333; margin-top:6px;}
.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-top{ background:#f0f1f5; padding:40px 0; overflow:hidden;}
.product-imgs{ width:100%; border:1px solid #f0f1f5;}
.product-text{ width:100%; margin-top:30px;}
.product-text .bq{ font-size:1.6em; color:#036eb8; font-weight:bold;}
.product-text .title{ font-size:2.4em; color:#333; font-weight:bold; margin-top:6px;}
.product-text .p{ font-size:1.4em; color:#333; line-height:26px; margin-top:10px;}
.product-text .other{ margin-top:15px;}
.product-text .other p{ font-size:1.4em; color:#036eb8; font-style:italic; margin-bottom:15px;}
.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:30px 0; overflow:hidden;}
#pro-box1 .top{ font-size:2.4em; color:#333; font-weight:bold;}
#pro-box1 .text{ padding:20px 0 40px; font-size:1.4em; line-height:26px; color:#333;}

#pro-box2{ padding:30px 0; overflow:hidden;}
#pro-box2 .top{ font-size:2.4em; color:#fff; font-weight:bold;}
#pro-box2 .text{ width:100%; font-size:1.4em; margin-top:10px; color:#fff; line-height:30px;}

#pro-box3{ padding:30px 0; background:#f0f1f5; overflow:hidden;}
#pro-box3 .top{ font-size:2.4em; color:#333; font-weight:bold; margin-bottom:30px;}
#pro-box3 li{ height:70px; background:#fff; line-height:70px; width:100%; 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:1.6em; 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:20px;}
#pro-box4 .top{ font-size:2.4em !important; color:#333; font-weight:bold; margin-bottom:10px;}

.fa-top{ padding:80px 0; overflow:hidden;}
.fa-top .container{ display:table; height:100%; width:100%;}
.fa-top .box{ display:table-cell; vertical-align:middle; color:#fff; font-weight:bold;}
.fa-top .bq{ font-size:1.6em;}
.fa-top .title{ font-size:2.4em;}

#fa-box1{ padding:30px 0 0; overflow:hidden;}
#fa-box1 .top{ font-size:2.4em; color:#333; font-weight:bold;}
#fa-box1 .text{ padding:20px 0 10px; font-size:1.4em; line-height:26px; color:#333;}

#fa-box2{ padding:30px 0 0; overflow:hidden;}
#fa-box2 .top{ font-size:2.4em; color:#333; font-weight:bold;}
#fa-box2 .text{ padding:20px 0 10px; font-size:1.4em; line-height:26px; color:#333;}

#fa-box3{ padding:30px 0; overflow:hidden;}
#fa-box3 .top{ font-size:2.4em; color:#fff; font-weight:bold; margin-bottom:30px;}
#fa-box3 .text{ font-size:1.4em; line-height:26px; color:#fff; float:right; width:100%; margin-top:20px;}
#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:30px 0; background:#f0f1f5; overflow:hidden;}
#fa-box4 .top{ font-size:2.4em; color:#333; font-weight:bold; margin-bottom:30px;}
#fa-box4 li{ height:70px; background:#fff; line-height:70px; width:100%; 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:1.4em; 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:30px;}
#fa-box5 .top{ font-size:2.4em; color:#333; font-weight:bold; margin-bottom:15px; margin-top:20px;}
.fa-tj{ margin-bottom:30px;}
.fa-tj .swiper-slide{ background:#fff;}
.fa-tj .text{ float:left; width:100%;}
.fa-tj .text .title{ color:#036eb8; font-size:1.8em; font-weight:bold; line-height:36px; margin-top:20px;}
.fa-tj .text .p{ font-size:1.4em; color:#333; line-height:36px; margin-top:15px;}
.fa-tj .img{ width:100%; }
.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; top:40%;}
.fa-tj .swiper-button-prev{ background:url(../images/fa-prev.png) no-repeat center #f2f2f2; width:30px; height:30px; border:1px solid #ccc; top:40%;}
.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;}


.product-tj .list li:nth-child(2n-1){ clear:left;}
.product-list li:nth-child(2n-1){ clear:left;}


.hz-list li:nth-child(2n-1){ clear:left;}