﻿@charset "utf-8";
/* CSS Document */


/*内页轮播*/
.pg-banner{ height: 360px; max-width: 1920px; margin: 0px auto;}

/*内页导航*/
.pg-nav{width: 260px; margin-top: -20px;}
.pg-nav-head{ padding: 20px; background: #2f318b;}
.pg-nav-head h1{ font-size: 24px; line-height: 100%; padding-bottom: 16px; border-bottom:solid 1px #424495; color:#fff;}
.pg-nav-head p{  font-size: 16px; color:rgba(255, 255, 255, 0.2); text-align: right; text-transform: uppercase; padding-top: 15px;display:none;}

/*内页导航列表*/
.accordion{width:100%;max-width:360px;margin:0px auto ;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.accordion li{ background: #f6f6f6; margin-top: 2px;}
.accordion .link{cursor:pointer;display:block;padding:13px 20px 13px 20px;color:#666666;font-size:16px;position:relative;-webkit-transition:all 0.36s ease;-o-transition:all 0.36s ease;transition:all 0.36s ease}
.accordion li:last-child .link{border-bottom:0}
.accordion li span{position:absolute;top:16px;right:20px;font-size:18px;color:#595959;-webkit-transition:all 0.36s ease;-o-transition:all 0.36s ease;transition:all 0.36s ease}
.accordion li span.fa-chevron-down{right:20px;font-size:18px; font-family: '宋体'; font-weight: bold; color: #999999;}
.accordion li.open .link{color:#fff; background: #4a4ca2;}
.accordion li.open .link a{ color:#fff;}
.accordion li.open span{color:#fff}
.accordion li.open span.fa-chevron-down{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.submenu{display:none;font-size:14px}
.submenu{ padding: 10px 0px;}
.submenu li{float: left; padding:10px 15px; width: calc((100% - 70px)/2);}
.submenu li a img{ padding-right: 10px;}

/*导航图片*/
.pg-nav-img{ position: relative; height: 200px; overflow: hidden; margin-top: 40px;}
.pg-nav-img .pni-abc{ position: absolute; bottom: 0; left: 0; right: 0; background:rgba(47, 49, 139, 0.9); height: 50px; line-height: 50px; padding: 0px 20px; color:#fff; font-size: 16px;}
.pg-nav-img .pni-abc a{ color:#fff;}
.pg-nav-img .pni-abc span{ color:rgba(255, 255, 255, 0.3); display: inline-block; padding-left: 10px;display:none}


/* 内页右边 */
.pg-box{ width: 880px;}
.pg-box-head{ padding-bottom: 9px; border-bottom: solid 2px #cccccc;}
.pg-box-head h1{ font-size: 24px; color:#333333; line-height: 100%;display:none}
.pg-box-head span{ color:#8c8c8c; font-size: 14px; display: inline-block; padding-top: 15px;}
.ppz-tit{ font-size: 14px; color:#666666;}

/*产品中心列表*/
.ppz-list-img{ width: 360x;}
.ppz-list-img img{ max-width: 360px;}
.ppz-list{ padding: 40px; background: #f6f6f6; margin-top: 40px;}
.ppz-list-tit{ width: 400px;}
.ppz-list-tit .plt-a1{ font-size: 20px; font-weight: bold; color: #333; line-height: 100%; padding-bottom: 20px;}
.ppz-list-tit .plt-a2{ font-size: 14px; color:#666666; line-height: 200%; }
.ppz-list-tit .plt-a3{ font-size: 16px; color:#333333; line-height: 100%; padding-bottom: 20px; border-bottom: solid 1px #dddddd;}
.ppz-list-tit .plt-a3 p{ font-size: 16px; padding-bottom: 20px; color: #333333; padding-top: 20px;}
.ppz-list-tit .plt-a3 ul li{ float: left; padding-right: 50px; }
.ppz-list-tit .plt-a3 ul li a{ font-size: 14px; color:#666666;}
.ppz-list-tit .plt-a3 ul li a img{ padding-right: 10px;}
.ppz-list-tit .plt-a3:nth-last-child(1){ border-bottom: none; padding-bottom: 0px;}
.ppz-list-tit .plt-a3 ul li a:hover{ color: #2f318b;}


/*产品筛选*/
.pg-pro-select{ height: 60px; line-height: 60px; background: #f6f6f6; font-size: 14px; color:#666666; padding: 0px 30px; margin-top: 40px;}
.pg-pro-select span{ display: inline-block; padding-left: 30px;}
.pg-pro-select span input{ height: 18px; width: 18px; display: inline-block; margin-right: 10px; }

/*产品列表*/
.pg-pro-list ul li{ width: calc((100% - 100px)/3); float: left; margin-left: 50px; margin-top: 40px;}
.pg-pro-list ul li:nth-child(1), .pg-pro-list ul li:nth-child(4), .pg-pro-list ul li:nth-child(7), .pg-pro-list ul li:nth-child(10), .pg-pro-list ul li:nth-child(13){ margin-left: 0px;}
.pg-pro-list ul li .ppl-x-img{    width: 100%; height: 180px;  overflow: hidden;  position: relative; transition: all 0.36s ease;}
.pg-pro-list ul li .ppl-x-img img{        position: absolute; top: 0;  bottom: 0; left: 0; right: 0; margin: auto; border: 0; width: auto;  max-height: 100%;   min-height: inherit;  max-width: 100%; display: block; transition: all 0.36s ease;}
.pg-pro-list ul li .ppl-x-tit{ height: 50px; line-height: 50px; background: #f6f6f6; text-align: center; font-size: 14px; transition: all 0.36s ease;}
.pg-pro-list ul li a:hover .ppl-x-img img{ transform: scale(1.08);}
.pg-pro-list ul li a:hover .ppl-x-tit{ background: #2f318b; color: #fff;}

/*==分页==*/
.paginator{ font-family:Arial; text-align: center; }
.paginator  a { transition: all 0.36s ease;  width:36px; color: #666;  text-align:center; height:36px; line-height:36px; display:inline-block; text-decoration:none;  background:#f2f2f2;  margin:0 5px; color:#666; transition: all 0.36s ease;}
.paginator  a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator  a:hover { background:#2f318b; color:#fff; }
.paginator span.cpb { transition: all 0.36s ease; text-align:center;  width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:#2f318b;  }
.paginatordis{ display:none;}

/*放大镜*/
.preview{ margin: 0px auto; }
.app-figure{  text-align: center; margin: 0px auto; }
.MagicZoom{ width: 478px; height: 478px; position: relative;  margin: 0px auto;  border: solid 1px #dddddd; }
.MagicZoom img{  margin: auto; width: auto; max-width: 100%; max-height: 100%; display: block;}
.selectors { text-align: center; padding-top: 20px;}
.selectors a{ display: inline-block; width: 78px; height: 78px; position: relative; margin: 0px 7px; border: solid 1px #dddddd; display: inline-block;}
.selectors a img{ position: absolute; top:0; left: 0; bottom: 0; right: 0; margin: auto; width: auto; max-width: 100%; max-height: 100%; display: block; box-shadow: none;}
.selectors a.mz-thumb-selected{ border: solid 1px #4a4ca2;}
.mz-thumb-selected img{-webkit-filter: brightness(100%); filter: brightness(100%);}
.mz-thumb:hover:not(.mz-thumb-selected) img{-webkit-filter: brightness(100%); filter: brightness(100%);}
.mz-thumb:hover:not(.mz-thumb-selected){border: solid 1px #333;}

/*产品详情*/
.ppd-head-tit h1{ font-size: 24px; color: #333; text-align: center; }
.ppd-head-tit p{ padding-top: 30px; text-align: center; }

.header_mar .wp-a{ height: 48px; border-bottom: solid 2px #2f318b;}
.header_mar .wp-a a{ display: inline-block; padding: 0px 40px; line-height: 48px; background: #f6f6f6; color: #666666; font-size: 16px; border-radius: 4px 4px 0px 0px; margin-right: 20px;}
.header_mar .wp-a a.active { background: #2f318b; color:#fff;}
.pro6-text {padding: 40px;}

/*单栏目*/
.pg-nav-dd ul li{ background: #f6f6f6; margin-top: 2px; padding:13px 20px 13px 20px;color:#666666;font-size:16px; position: relative;}
.pg-nav-dd ul li span{ position: absolute; right: 20px; font-family: '宋体'; top: 10px; font-weight: bold;}
.pg-nav-dd ul li:hover{ background: #4a4ca2;}
.pg-nav-dd ul li:hover a{ color: #fff;}
.pg-nav-dd ul li a{display: block;}
.pg-nav-dd ul li.select{ background: #4a4ca2;}
.pg-nav-dd ul li.select a{ color: #fff;}


/*常见问题*/
#firstpane .menu_head{ font-size: 16px; width: calc(100% - 60px); height: 50px; line-height: 50px; padding: 0px 30px; background: #f6f6f6 url(../images/pro_left.png) 838px 20px no-repeat; margin-top: 20px; cursor: pointer;}
#firstpane .menu_head.current { background: #4a4ca2 url(../images/pro_down.png) 838px 20px no-repeat; color:#fff;} 
#firstpane .menu_body{ padding: 30px; background: #f6f6f6; color:#666666; font-size: 14px;}

/*下载中心*/
.pg-down-kk{ background: #f6f6f6; padding: 30px;}
.pdk-a { padding-left: 140px;}
.pdk-a input{ width: 360px; padding: 0px 20px; height: 40px;border-radius: 4px 0px 0px 4px; background: #fff; border:solid 1px #dddddd}
.pdk-a button{ cursor: pointer; width: 120px; height: 42px; background: #4a4ca2; border:none; border-radius: 0px 4px 4px 0px; font-size: 16px; color: #fff;}
.pdk-a button img{ vertical-align: middle; padding-right: 5px;}
.pdk-b-list .pbl-1{ width: 140px;}
.pdk-b-list .pbl-2{ width: 660px;}
.pdk-b-list .pbl-2 span{ display: inline-block; padding-right: 20px; padding-bottom: 10px;}
.pdk-b-list .pbl-2 span input{ display: inline-block; height: 18px; width: 18px; margin-right: 9px;}
.pdl-d-head{ height: 50px; line-height: 50px; background: #4a4ca2;}
.pdl-d-head span:nth-child(1){ width: 460px; padding-left: 40px; text-align: left;}
.pdl-d-head span{ width: 90px; display: inline-block; color:#fff; text-align: center;}

.pg-down-list .menu_heads{ background: #f6f6f6; height: 46px; line-height: 46px; margin-top: 2px; cursor: pointer; overflow:hidden}
.pg-down-list  .menu_heads span:nth-child(1){ width: 460px; padding-left: 40px; text-align: left;}
.pg-down-list  .menu_heads span{ width: 90px; display: inline-block; color:#fff; text-align: center; color:#666666;}
.pg-down-list  .menu_bodys{ padding: 25px 40px; background: #f6f6f6;margin-top: 2px;color:#999 } 
.pg-down-list  .menu_heads:hover{ background: #eeeeee;}

/*关于我们*/
.pg-ab-text h1{ font-size: 20px; color:#333; }
.pg-ab-text h2{font-size: 16px; color: #888888; font-weight: normal;}

/*人才招聘*/
.pg-rczp-xx{ padding: 40px; background: #f6f6f6;}
.prx-a{ width: 560px;}
.prx-b{ width: 140px; text-align: center; padding-right: 100px;}
.prx-a h1{ font-size: 16px; color:#333333;}
.prx-a p{ font-size: 14px; color:#666666;}
.prx-b img{ width: 140px; height: 140px; padding-bottom: 5px;}

.pg-rczp-list .prl-d-head {  height: 50px;  line-height: 50px; background: #4a4ca2;}
.pg-rczp-list .prl-d-head  span:nth-child(1){ width: 240px; padding-left: 40px; text-align: left;}
.pg-rczp-list .prl-d-head  span:nth-child(4){ width: 90px; }
.pg-rczp-list .prl-d-head  span{ width: 120px; display: inline-block; color:#fff; text-align: center;}



.pg-rczp-list .menu_heads3{ background: #f6f6f6; height: 46px; line-height: 46px; margin-top: 2px; cursor: pointer; }
.pg-rczp-list .menu_heads3 span:nth-child(1){ width: 240px; padding-left: 40px; text-align: left;}
.pg-rczp-list .menu_heads3 span:nth-child(4){ width: 90px;}
.pg-rczp-list .menu_heads3 span{ width: 120px; display: inline-block; color:#fff; text-align: center; color:#666666;}
.pg-rczp-list .menu_bodys3{ padding: 25px 40px; background: #f6f6f6;margin-top: 2px; } 
.pg-rczp-list .menu_heads3:hover{ background: #eeeeee;}

/*新闻列表*/
.pg-news-list .pg-news-img{ width: 200px; height: 140px; overflow: hidden; position: relative; float: left;}
.pg-news-list .pg-news-img img{  position: absolute; top: 0;  bottom: 0; left: 0; right: 0; margin: auto; border: 0; width: auto;  max-height: 100%;   min-height: inherit;  max-width: 100%; display: block; transition: all 0.36s ease;}

.pg-news-list li{ position: relative; height: 140px; padding: 30px 0px; border-bottom: solid 1px #dddddd;}
.pg-news-list .pg-news-tit{ width: auto; padding-left: 230px; ;}
.pg-news-list .pg-news-tit h1{ font-size: 18px; color:#333333; padding-bottom: 10px}
.pg-news-list .pg-news-tit span{ color:#999999}
.pg-news-list .pg-news-tit p{ color: #888888; width: 100%; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 10px;}
.pg-news-more{ transition: all 0.36s ease;; font-size: 14px; color:#fff; border-radius: 4px; background: #999999; width: 140px; height: 42px; line-height: 42px; position: absolute; top: 20px; right: 0; text-align: center;}
.pg-news-list .pg-news-tit .pg-news-more span{ font-family: '宋体'; font-size: 16px; font-weight: bold; color:#fff; padding-left: 5px;}

.pg-news-list li a:hover .pg-news-img img{ transform: scale(1.08);}
.pg-news-list li a:hover .pg-news-more{ background: #4a4ca2;}

/*新闻详情*/
.pnd-head{ text-align: center; padding-bottom: 20px; border-bottom: solid 1px #dddddd;}
.pnd-head h1{ font-size: 24px; color:#333; line-height: 200%; padding-bottom: 20px;}
.pnd-head p{ font-size: 14px; color:#999;}

/*上下页*/
.pg-news-fy{ border-top: solid 1px #dddddd;}
.pg-news-fy p { color: #666666; padding-bottom: 10px; }
.pg-news-fy p a{color:#333333; font-size: 14px;}