/* 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:1200px; margin:0 auto; height:100%;}
.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{ height:68px; padding:16px 0;}
.header .logo{ float:left;}
.header .nav{ float:left; margin-left:140px;}
.header .nav li{ float:left; line-height:68px; margin: 0 10px;}
.header .nav li a{ font-size:16px; color:#333; display:inline-block; padding:0 20px; line-height:35px; border-radius:50px;}
.header .nav li:hover a, .header .nav li.on a{ background:#103d87; color:#fff;}
.header .search{ float:right; line-height:68px; }
.header .search button{ line-height:30px; border:1px solid #d4d4d4; color:#d4d4d4; font-size:16px; background:url(../images/search2.png) no-repeat 12px;  padding: 0 12px 0 38px; border-radius:30px; background-size: 16px; cursor:pointer;}
.header .search button:hover{ background:url(../images/search2.png) no-repeat 12px #103d87; background-size: 16px; color:#fff;}

.search-tc{ position:relative; padding:30px 40px !important;}
.search-tc input[type="text"]{ width: 100%;    height: 45px;    border: none;    background: transparent;    border-bottom: 2px solid #fff; font-size:16px; color:#fff;}
.search-tc input[type="submit"]{ position:absolute; background:url(../images/search.png) no-repeat center; width: 40px; height: 45px; border: none; top: 30px;  right: 40px; cursor:pointer;}
.search-tc button{ border: 0; background: transparent; color: #fff; margin: 16px 0 0;}

.pager-banner{ height:400px; }
.pager-banner .container{ display: table; }
.pager-banner-text{ display: table-cell; vertical-align: middle; padding-left:98px;}
.pager-banner-text .title{ font-size:40px; color:#fff; font-weight:bold; position:relative; padding-bottom:26px;}
.pager-banner-text .title i{ display:inline-block; width:120px; height:4px; background:#fff; position:absolute; left:0; bottom:0;}
.pager-banner-text .text{ width:680px; color:#fff; font-size:16px; margin-top:20px; line-height:26px;}

.mbx{ text-align:right; color:#8e8e8e;  font-size:14px;  float:right; display:inline-block;}
.mbx a{ color:#8e8e8e; font-size:14px; margin:0 5px -2px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;  line-height: 14px;}
.mbx a:hover{ color:#103d87; text-decoration:underline;}

.page-nav{ line-height:60px;  position: relative;    z-index: 9;}
.page-nav ul{ float:left; width: 100%; border-bottom:1px dashed #cdcdcd;}
.page-nav li{ float:left; margin-right:10px; position:relative;}
.page-nav li > a{ display:inline-block; font-size:14px; color:#333; line-height:30px;     padding: 0 14px;}
.page-nav li:hover > a, .page-nav li.on > a{ background:#103d87; color:#fff;}
.page-nav li dl{ position:absolute; background:#fff;  box-shadow: 3px 3px 10px rgba(0,0,0,.35);  width: 220px; top:100%; left:50%;transform:translateX(-50%); display:none; border:1px solid #103d87; z-index: 99;;}
.page-nav li dl i{ position:absolute; display:inline-block;  width: 10px; height: 16px; top: -8px; left: 35px;}
.page-nav li dl i::before{ content:""; display:inline-block; width:100%; height:100%; background:#103d87; -webkit-clip-path: polygon(50% 0%, 100% 50%, 00% 50%); clip-path: polygon(50% 0%, 100% 50%, 00% 50%); box-shadow: 3px 3px 10px rgba(0,0,0,.35); position: absolute;}
.page-nav li dd{ text-align:center; line-height:24px; border-bottom:1px dashed #cdcdcd;}
.page-nav li dd a{ display:inline-block;  font-size:14px; color:#333; width:90%; padding: 10px;}
.page-nav li dd:hover a{ background:#103d87; color:#fff;}
.page-nav li dd:last-child a{ border-bottom:none;}


.pro-list{ margin-bottom:40px; overflow:hidden; float:right; width:930px;}
.pro-list li{ width:300px; float:left; margin-right:15px; margin-top:15px;}
.pro-list li:nth-child(3n){ margin-right:0;}
.pro-list li:nth-child(3n-2){ clear:left;}
.pro-list li .img{ width:298px; height:200px; overflow:hidden; border:1px solid #d2d2d2; border-bottom:none;}
.pro-list li .img img{ transition: all 0.3s linear 0s;}
.pro-list li:hover .img img{ transform: scale(1.1,1.1);}
.pro-list li .title{ background:#103d87; color:#fff; font-weight:bold; font-size:18px; text-align:center; line-height:40px; overflow:hidden; height:40px; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;}


.pager-list{ text-align:center; padding-top:10px; padding-bottom:60px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list a{font-size:14px; color:#289bcf; height:30px; line-height:30px; padding:0 12px; border-radius:4px; border:1px solid #b3b3b3;  background:#fff; float:left; display:block; margin:0 6px}
.pager-list a:hover{ background:#103d87; color:#fff;}
.pager-list .page-num-current{ background:#103d87; color:#fff;}
.pager-list ul span{display:none}
/* .footer{ background:url(../images/foot-bg.jpg) repeat-y; padding-top:25px; overflow:hidden;} */
.footer{ background: #103d87; padding-top:25px; overflow:hidden;}
.foot-contact{ width:410px; overflow:hidden; float:left;}
.foot-contact dt.name{ background:url(../images/footer-icon1.png) no-repeat center left; font-size:14px; color:#fff; font-weight:bold; padding-left:40px; line-height:35px; margin-bottom:10px;}
.foot-contact dd{ font-size:14px; color:#fff; line-height:24px; padding-left:40px; margin-bottom:10px;}
.foot-contact dd.mail{ background:url(../images/footer-icon2.png) no-repeat center left;}
.foot-contact dd.add{ background:url(../images/footer-icon3.png) no-repeat 0 4px;}
.foot-contact dd.tel{ background:url(../images/footer-icon4.png) no-repeat center left;}
.foot-tel{ float:left; margin-left:30px; padding:20px 56px; border-left:1px solid #fff; border-right:1px solid #fff; margin-top:10px;}
.foot-tel .title{ font-size:24px; color:#fff; font-weight:bold; text-align:center; padding-bottom:16px; position:relative;}
.foot-tel .title i{ display:inline-block; position:absolute; width:60px; height:4px; background:#fff; left:50%; margin-left:-30px; bottom:0;}
.foot-tel .text{ margin-top:10px;}
.foot-tel .text p{ font-size:20px; font-weight:bold; text-align:center; color:#fff; line-height:30px; letter-spacing:1px;}
.foot-wx{ float:right;}
.foot-wx li{ float:left; width:150px; margin-left:30px;}
.foot-wx li p{ font-size:14px; color:#fff; margin-top:6px; text-align:center;}
.footer .copy{ overflow:hidden; line-height:56px; border-top:1px solid #fff; margin-top:20px;}
.footer .copy p{ font-size:14px; color:#fff;}

.case-list{ margin-bottom:40px; overflow:hidden;}
.case-list li{ width:370px; float:left; margin-right:45px; margin-top:40px;}
.case-list li:nth-child(3n){ margin-right:0;}
.case-list li:nth-child(3n-2){ clear:left;}
.case-list li .img{ width:368px; height:248px; overflow:hidden; }
.case-list li .img img{ transition: all 0.3s linear 0s;}
.case-list li:hover .img img{ transform: scale(1.1,1.1);}
.case-list li .title{ background:#555; color:#fff; font-weight:bold; font-size:18px; text-align:center; line-height:40px; overflow:hidden; height:40px; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;}

.news-list{ margin-bottom:40px;}
.news-list li{ overflow:hidden; padding:34px 0; border-bottom:1px solid #cdcdcd;}
.news-list li .img{ width:300px; height:180px; overflow:hidden; float:left;}
.news-list li .img img{ transition: all 0.3s linear 0s;}
.news-list li:hover .img img{ transform: scale(1.1,1.1);}
.news-list li .text{ float:right; width:870px; height:180px;}
.news-list li .text .title{ font-size:18px; color:#333; font-weight:bold; margin:10px 0 6px;}
.news-list li:hover .text .title{ color:#103d87;}
.news-list li .text .p{ font-size:14px; color:#555; line-height:30px; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.news-list li .text .bq{ margin-top:10px;}
.news-list li .text .bq span{ font-size:14px; color:#848484; margin-right:30px;}
.news-list li .text .more{ text-align:right; margin-top:20px;}
.news-list li .text .more span{ display:inline-block; width:100px; height:30px; background:#103d87; border-radius:4px; font-size:14px; color:#fff; text-align:center; line-height:30px;}
.news-list li .text .more span:hover{ background:#348b4a;}

.news-con{ padding-bottom:60px;}
.news-con .title{ font-size:22px; color:#333; text-align:center; font-weight:bold; margin-top:30px;}
.news-con .bq{ text-align:center; margin-top:10px; border-bottom:1px solid #cdcdcd; padding-bottom:26px;}
.news-con .bq span{ font-size:14px; color:#848484; display:inline-block; margin:0 10px;}
.news-con .text{ font-size:14px; color:#333; line-height:1.75em; padding:30px 0;}

.pager{ padding:10px 25px; background:#efefef; font-size:14px; color:#333;}
.pager div{ line-height:40px;}
.pager .prev{ border-bottom:1px dashed #d8d8d8;}
.pager a{ font-size:14px; color:#333;}
.pager a:hover{ color:#103d87; text-decoration:underline;}

.page-con{ font-size:14px; color:#333; line-height:1.75em; padding:40px 0;}

.contact-con{}
.contact-con .title{ font-size:30px; color:#333; font-weight:bold; text-align:center; margin-top:30px;}
.contact-con .text{ font-size:16px; color:#333; text-align:center; margin-top:10px;}
.contact-box{ margin-top:36px; overflow:hidden;}
.contact-box .m{ width:240px; text-align:center; float:left;}
.contact-box dl{ float:left; margin-left:24px; padding-left:34px; border-left:1px dashed #cdcdcd;}
.contact-box dt.name{ background:url(../images/contact-icon1.png) no-repeat center left; font-size:14px; color:#333; font-weight:bold; padding-left:40px; line-height:35px; margin-bottom:4px;}
.contact-box dd{ font-size:14px; color:#333; line-height:32px; padding-left:40px; margin-bottom:2px;}
.contact-box dd.mail{ background:url(../images/contact-icon2.png) no-repeat center left;}
.contact-box dd.add{ background:url(../images/contact-icon3.png) no-repeat 0 2px;}
.contact-box dd.tel{ background:url(../images/contact-icon4.png) no-repeat center left;}
.contact-box ul{ float:right;}
.contact-box li{ float:left; width:150px; margin-left:30px;}
.contact-box li p{ font-size:14px; color:#333; margin-top:4px; text-align:center;}

.map{ margin-top:40px; overflow:hidden; padding-bottom:60px;}
.map-box{ width:780px; height:300px; float:left;}
.map-text{ width:386px; float:right;}
.map-text .title{ font-size:14px; color:#333; font-weight:normal; text-align:left; margin-top:0;}
.map-text .tel{ font-size:30px; color:#103d87; font-weight:bold; padding-left:42px; background:url(../images/contact-map-icon.png) no-repeat center left; letter-spacing:1px; margin:4px 0;}
.map-text dl{ margin-top:20px;}
.map-text dt{ font-size:16px; color:#333; font-weight:bold; margin-bottom:8px;}
.map-text dd{ font-size:14px; color:#333; margin-bottom:6px;}

.pro-con{ padding-top:40px;}
.pro-left{ float:left; width:350px;}
.pro-left .Hbd{ border:1px solid #d8d8d8;}
.pro-left .pro-left-bottom{ margin-top:20px; position:relative;}
.pro-left .pro-left-bottom .bd{ display:inline-block; width:560px; padding:0 45px 2px; overflow:hidden;}
.pro-left .pro-left-bottom li{ width:118px; height:120px;  float:left; margin:0 11px; position: relative; text-align: center;}
.pro-left .pro-left-bottom li img{ height: 100%;}
.pro-left .pro-left-bottom li.on{ border:1px solid #bec2c1;} 
.pro-left .pro-left-bottom a{ position:absolute; display:inline-block; width: 43px;    height: 120px;    top: 0px;}
.pro-left .pro-left-bottom .prev{ background:url(../images/con-pro-prev.png) no-repeat center left #fff; left:0;}
.pro-left .pro-left-bottom .next{ background:url(../images/con-pro-next.png) no-repeat center right #fff; right:0;}
.pro-left .pro-left-bottom .prevStop, .pro-left .pro-left-bottom .nextStop{pointer-events: none; opacity:.2;}

.pro-right{ width:817px; float:right;}
.pro-right .title{ font-size:40px; color:#103d87; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #d8d8d8;}
.pro-right .text{ font-size:14px; color:#333; line-height:30px; padding:20px 0 0; /*border-bottom:1px solid #d8d8d8;*/}
.pro-right .other{ font-size:14px; color:#333; line-height:30px; /*padding:20px 0;*/}

.pro-content{ margin-top:58px; margin-bottom:30px;}
.pro-content .hd{ border-bottom:1px solid #d9d9d9; padding-left:1px; overflow:hidden; }
.pro-content .hd li{ width:168px; height:48px; text-align:center; line-height:48px; color:#103d87; border:1px solid #d9d9d9; margin-left:-1px; float:left; margin-bottom:-1px; font-size:18px; border-radius:10px; margin-right:20px; cursor:pointer;}
.pro-content .hd li.on{ background:#103d87; color:#fff;}
.pro-content .bd1{ font-size:14px; color:#333; line-height:30px; padding:20px 0;}


.xg-pro{ margin-top:30px; padding-bottom:40px; overflow:hidden;}
.xg-pro dt{ font-size:18px; color:#333; font-weight:700; margin-bottom:20px;}
.xg-pro dd{ width:280px; float:left; margin-right:26px;}
.xg-pro dd:last-child{ margin-right:0;}
.xg-pro dd .img{ width:278px; height:178px; overflow:hidden; border:1px solid #c9c9c9;}
.xg-pro dd .img img{ transition: all 0.3s linear 0s;}
.xg-pro dd:hover .img img{ transform: scale(1.1,1.1);}
.xg-pro dd .title{ font-size:14px; color:#000; margin-top:8px; text-align:center;}
.xg-pro dd:hover .title{ color:#103d87;}


.product-nav{ float:left; width:220px; margin-bottom: 20px; }
.pro-nav{ margin-top:20px;}
.pro-nav .top{ background:#103d87; line-height:55px; padding:0 20px;}
.pro-nav .top a{ color:#fff; font-size:16px; }
.pro-nav li a{ display:inline-block; width:100%; height:100%;}
.pro-nav li > a{ line-height: 45px; width: 82%; padding: 0 20px; font-size:14px; border-bottom:1px solid #ccc; position:relative;}
.pro-nav li > a::before{ content:">"; width:10px; height:10px; color:#333; position:absolute; display:inline-block; right: 20px;  top: 50%;    line-height: 10px;    font-weight: bold;  transform: translateY(-50%); transition: all 0.2s linear 0s;}
.pro-nav li.on > a{  background:#103d97; color:#fff;}
.pro-nav li.on > dl{ display:block }
.pro-nav li.on > a::before{ transform:rotate(90deg); color:#fff; top: 42%}
.pro-nav li dl{ display:none;}
.pro-nav li dd{ line-height:24px; border-bottom:1px dashed #ccc;}
.pro-nav li dd a{ padding:10px 30px; width:auto; font-size:14px;}
.pro-nav li dd:hover a{ color:#103d97;}
.pro-nav li dd.on a{ color:#103d97;}

.pro-con2{ padding-top:20px; width:100%; float:right;}
.pro-con-top{ margin-bottom:30px; overflow:hidden;}
.pro-con-top li{ float:left; width:393px; height:245px; margin:0 10px 10px 0;}
.pro-con-top li:last-child{ margin-right:0;}
.pro-con-top li img{ width:100%;}
.pro-con-imgs{ width:420px; overflow:hidden; float:left;}
.pro-con-imgs .top-title{ font-size:18px; color:#333; font-weight:bold; margin-bottom:20px;}
.pro-con-imgs li{ float:left; width:76px; height:48px; margin-right:10px; position:relative; margin-bottom:36px;}
.pro-con-imgs li img{ width:76px; height:48px;}
.pro-con-imgs li .title{ font-size:14px; color:#333; text-align:center; position:absolute; top:54px; width:100%; text-align:center;}
.pro-con-imgs li:nth-child(5n){ margin-right:0;}
.pro-con-imgs li:nth-child(5n-4){ clear:left;}
.pro-con-imgs .img{ width:420px; height:335px; overflow:hidden;}
.pro-con-imgs .img img{ width:420px; height:335px;}
.pro-con-imgs p{ text-align:center; font-size:14px; color:#333; margin-top:8px;  display: inline-block;    width: 100%;}
.pro-con-text{ overflow:hidden; width:740px; float:right;}
.pro-con-text .title{  font-size: 18px;  color: #333;  font-weight:bold; padding:0; border-bottom:none;}
.pro-con-text .text{ padding:0;}
.pro-con-text table{ color:#000; border-collapse: collapse;  border-bottom:#000 solid 4px; border-top:#000 solid 4px; margin-top:20px; font-size:14px;}
.pro-con-text table p{ line-height:26px ;}
.pro-con-text .border_bottom td {border-bottom:1px solid black; padding:8px 0px;}
.pro-con-bottom{ padding:40px 0; overflow:hidden;}
.pro-con-bottom li{ float:left; width:585px; margin-right:30px; margin-bottom:20px;}
.pro-con-bottom li:nth-child(2n){ margin-right:0;}
.pro-con-bottom li .img{ width:585px; height:300px; overflow:hidden; }
.pro-con-bottom li .title{ text-align:center;  font-size:16px; color:#333; line-height:35px;}

#gallery .pro-con-bottom a{ position:relative; display:inline-block;}
#gallery .pro-con-bottom a::before{ position:absolute; width:120px; height:40px; content:"点击查看大图"; background:rgba(255,255,255,.8); border:1px solid #ccc; text-align:center; line-height:40px; top:50%; left:50%; transform: translate(-50%, -50%); font-size:14px; color:#333; display:none; z-index:999;}
#gallery  .pro-con-bottom a:hover::before{ display:inline-block;}

.poptrox-popup{ padding:0 !important;}
.caption{ display:none !important;}

.pro-cover{ padding: 30px 0 0;}
.pro-cover li{ position: relative; float: left; width: 580px; margin-right: 40px; margin-bottom: 40px;}
.pro-cover li:nth-child(2n){ margin-right: 0;}
.pro-cover li .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.pro-cover li .text .t{ font-size: 30px; color: #fff; padding-bottom: 30px; position: relative; font-weight: bold;}
.pro-cover li .text .t i{ display: inline-block; position: absolute; width: 120px; height: 3px; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%);}
.pro-cover li .text .more{ text-align: center; margin-top: 30px;}
.pro-cover li .text .more span{ display: inline-block; width: 120px; height: 35px; line-height: 35px; border-radius: 30px; border: 1px solid #fff; font-size: 14px; color: #fff; background: url(../images/product-cover-icon.png) no-repeat 86px center; text-indent: 20px; text-align: left;}
.pro-cover li .text .more span:hover{ background: url(../images/product-cover-icon.png) no-repeat 86px center #103d87;}
.pro-cover li .bg{ position: relative; z-index: 0;}