﻿﻿ body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 p,
 blockquote,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 /* list elements 列表元素 */
 
 pre,
 /* text formatting elements 文本格式元素 */
 
 fieldset,
 lengend,
 button,
 input,
 textarea,
 /* form elements 表单元素 */
 
 th,
 td {
     /* table elements 表格元素 */
     margin: 0;
     padding: 0;
 }
 
 input,
 textarea {
     border: 2 none;
     box-shadow: none;
     outline: none;
 }
 /* 设置默认字体 */
 
 body {
     width: 100%;
     min-width: 1280px;
     margin: 0 auto;
 }
 
 body,
 button,
 input,
 select,
 textarea {
     font: 14px/22px "Microsoft YaHei";
     color: #666;
 }
 
 body,
 html {
     overflow-x: hidden;
 }
 
 h1 {
     font-size: 18px;
 }
 
 h2 {
     font-size: 16px;
 }
 
 h3 {
     font-size: 14px;
 }
 
 h4,
 h5,
 h6 {
     font-size: 100%;
 }
 
 * h1,
 * h2,
 * h3,
 * h4,
 * h5,
 * h6 {
     margin: 0px;
 }
 /*覆盖bootstrape对标题加的默认外边距*/
 
 address,
 cite,
 dfn,
 em,
 i,
 var {
     font-style: normal;
 }
 /* 斜体扶正 */
 /* 重置列表元素 */
 
 ul,
 ol,
 li {
     list-style: none;
 }
 /* 重置文本格式元素 */
 
 a {
     text-decoration: none;
     color: #666;
     word-wrap: break-word;
 }
 /*英文换行*/
 
 a:hover {
     text-decoration: none;
     color: #910800;
 }
 /* 重置表单元素 */
 
 legend {
     color: #000;
 }
 /* for ie6 */
 
 fieldset,
 img {
     border: none;
 }
 /* img 搭车：让链接里的 img 无边框 */
 /* 注：optgroup 无法扶正 */
 
 button,
 input,
 select,
 textarea {
     font-size: 100%;
     /* 使表单元素在 ie 下能继承字体大小 */
 }
 /* 重置表格元素 */
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
 
 html {
     overflow-y: scroll;
 }
 /*设置浮动*/
 
 .fl {
     float: left;
 }
 
 .fr {
     float: right;
 }
 
 .pr {
     position: relative;
 }
 
 .pa {
     position: absolute;
 }
 /*字体大小*/
 
 .fz12 {
     font-size: 12px;
 }
 
 .fz14 {
     font-size: 14px;
 }
 
 .fz16 {
     font-size: 16px;
 }
 
 .fz18 {
     font-size: 18px;
 }
 
 .fz20 {
     font-size: 20px;
 }
 
 .fz22 {
     font-size: 22px;
 }
 
 .clear {
     clear: both;
     height: 0;
 }
 /* 初始化样式结束 */
 
 .blk-main .clearlist {
     clear: both;
     height: 0;
     padding: 0;
     margin: 0;
     border: 0;
     width: 100%;
     float: none;
 }
 /*表单弹框*/
 
 .nsw-modal {
     width: 100%;
     height: 100%;
     background: rgba(225, 225, 225, 0.5);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99999;
 }
 
 .modal-dialog {
     position: fixed;
     color: #000000;
     top: 150px;
     width: 400px;
     border-radius: 3px;
     min-height: 155px;
     overflow: hidden;
     z-index: 99998;
     margin-left: -200px;
     left: 50%;
 }
 
 .modal-dialog .css-icon {
     background-image: url("../images/modal-icons.png");
 }
 
 .modal-dialog .modal-head {
     height: 30px;
     line-height: 30px;
     padding: 0px 20px;
     background: #F6EFEF;
     font-size: 14px;
 }
 
 .modal-dialog .modal-head .modal-logo {
     width: 15px;
     height: 15px;
     background-position: 1px 0px;
     margin: 8px 5px 0 0;
     float: left;
 }
 
 .modal-dialog .modal-head .close {
     float: right;
     width: 15px;
     height: 15px;
     background-position: -14px 0px;
     margin-top: 8px;
 }
 
 .modal-dialog .modal-body {
     width: 100%;
     min-height: 125px;
     background: #ffffff;
 }
 
 .modal-dialog .modal-body .modal-body-left {
     width: 140px;
     float: left;
 }
 
 .modal-dialog .modal-body .modal-body-left .icon {
     width: 64px;
     height: 64px;
     margin: 30px 0 0 48px;
 }
 
 .modal-dialog .modal-body .modal-body-left .success-message {
     background-position: 0px -14px;
 }
 
 .modal-dialog .modal-body .modal-body-left .warming-message {
     background-position: 0px -78px;
 }
 
 .modal-dialog .modal-body .modal-body-right {
     width: 260px;
     float: right;
     padding-top: 20px;
 }
 
 .modal-dialog .modal-body .modal-body-right .close-btn {
     color: #000;
     text-align: center;
     width: 90px;
     display: inline-block;
     height: 24px;
     line-height: 24px;
     background: #818079;
 }
 
 .modal-dialog .modal-body .modal-body-right p {
     line-height: 30px;
 }
 
 .fdh-01 {
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
 
 .gs {
     width: 100%;
     height: 337px;
 }
 
 .ctt {
     padding: 0;
 }
 
 .ctt h2 {
     padding: 48px 0 4px;
     text-align: center;
     font-weight: bold;
 }
 
 .new_btn a {
     color: #fff !important;
     background: #333 !important;
 }
 
 .new_classification ul li a {
     display: block;
     width: 100%;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 24px;
 }
 
 .new_classification ul li:last-child {
     margin-right: 0;
 }
 
 .new_classification ul li {
     width: 43%;
     margin-right: 4%;
     color: #555;
     background: #fff;
     float: left;
     border-top: 3px solid #776B61;
 }
 
 .new_classification ul {
     width: 60%;
     height: 50px;
     line-height: 50px;
     margin: auto;
     margin-bottom: 20px;
 }
 
 .ctt h2 span {
     display: block;
     font-size: 42px;
     color: #000;
     line-height: 42px;
     position: relative;
     padding-bottom: 18px;
 }
 
 .about {
     margin-bottom: 30px;
 }
 
 .about dl dt {
     border: 1px solid #eee;
     line-height: 0;
 }
 
 .about dl dd {
     width: 1173px;
     margin: 0 auto;
     border: 1px solid #eee;
     padding: 1%;
     font-size: 15px;
     letter-spacing: 1px;
     line-height: 28px;
     text-indent: 2em;
     border-bottom: 2px solid #18469b;
 }
 
 .about dl dd:hover {
     box-shadow: 3px 3px 3px #eee;
 }
 
 .about dl dd p {
     margin: 10px 0;
     color: #333;
 }
 
 .pro ul li {
     width: 21.2%;
     float: left;
     margin-right: 3.44%;
     border: 1px solid #ddd;
 }
 
 .pro ul li p {
     background: #18469b;
     text-align: center;
     color: #fff;
     margin: 0 auto;
     height: auto;
     border-bottom: 2px solid #999;
 }
 
 .pro ul li p b {
     display: block;
     padding-top: 10px;
     font-size: 16px;
     font-weight: normal;
     margin-bottom: 6px;
 }
 
 .pro ul li p em {
     display: block;
     font-style: normal;
     font-size: 20px;
     font-weight: normal;
 }
 
 .pro ul li p em span {
     width: 8%;
     display: block;
     border-bottom: 1px solid #fff;
     margin: 10px auto;
 }
 
 .pro ul li i {
     display: block;
     text-align: center;
     margin-top: 15px;
     font-style: normal;
 }
 
 .pro ul li.last {
     margin-right: 0;
 }
 
 .pro ul li:hover {
     box-shadow: 5px 5px 5px #eee;
     margin-top: -5px;
     transition-duration: 0.3s
 }
 
 .ctt h2 span:after {
     position: absolute;
     width: 3.2%;
     height: 3px;
     background: #18469b;
     content: "";
     bottom: 0;
     left: 48.4%;
 }
 
 .ctt h2 i {
     display: block;
     font-size: 16px;
     color: #777;
     font-family: "Arial";
     line-height: 44px;
     text-transform: uppercase;
     font-style: normal;
 }
 
 .gs_top {
     width: 100%;
     height: 350px;
 }
 
 .gs_top_left {
     float: left;
 }
 
 .gs_top_right {
     float: right;
     height: 328px;
     width: 538px;
     padding: 0 20px;
     background: rgb(244, 244, 244) none repeat scroll 0 0;
 }
 
 .gs span {
     display: inline-block;
     width: 250px;
     height: 40px;
     font-size: 18px;
     background-color: #18469b;
     color: #fff;
     text-align: center;
     line-height: 40px;
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 .triangle-left {
     border-bottom: 15px solid transparent;
     border-right: 25px solid rgb(244, 244, 244);
     border-top: 15px solid transparent;
     float: left;
     height: 0;
     position: absolute;
     width: 0;
     z-index: 10;
     left: -25px;
     top: 120px;
 }
 /*鎼滅储妗嗘牱寮�*/
 
 .serach_plate {
     width: 100%;
 }
 
 .serach_plate form {
     padding-top: 15px;
 }
 
 .serach {
     width: 149px;
     height: 40px;
     border: 0;
     background: #ffff url(/skin/static/images/sea.png) no-repeat 6px center;
     line-height: 40px;
     color: #8e8e8e;
     float: left;
     outline: none;
     display: block;
     position: relative;
     padding: 0 1px 0 29px;
     font-size: 12px;
 }
 
 .sub {
     width: 60px;
     height: 40px;
     border: 0;
     float: left;
     cursor: pointer;
     display: block;
     color: #fff;
     background: #0155ab;
 }
 
 .footer_erweima img {
     width: 50%;
     margin: 0 auto;
     display: block;
     margin-bottom: 5px;
     margin-top: 5px;
 }
 
 .sns dl {
     width: 100%;
     margin-top: 20px;
     display: inline-block;
 }
 
 .sns dl dd {
     width: 10%;
     float: left;
     margin-right: 6px;
 }
 
 .sns dl dd a img {
     width: 100%;
 }
 /*缃《鎸夐挳*/
 
 #goTop {
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background: #fff;
     position: fixed;
     bottom: 5%;
     right: 5%;
     cursor: pointer;
     border-radius: 5px;
     display: none;
     color: #333;
 }
 
 #goTop:hover {
     background: #333;
     color: #fff;
 }
 /*浜у搧璇︽儏椤甸潰鏍峰紡*/
 
 .FAQ dl {
     border: 2px solid #4d9964;
     margin-bottom: 15px;
 }
 
 .FAQ dl dt {
     padding: 10px;
     font-size: 16px;
 }
 
 .FAQ dl dd {
     padding-bottom: 10px;
     padding-left: 10px;
 }
 
 .pro_details {
     width: 100%;
     display: block;
     height: 50px;
     border-bottom: 2px solid #ddd;
     padding-bottom: 10px;
     margin-bottom: 20px;
 }
 
 #pro_details {
     position: fixed;
     z-index: 666;
     top: 0;
     width: 930px;
     background: #fff;
     box-shadow: 1px 8px 5px rgba(0, 0, 0, 0.15);
     border-top: 2px solid;
     display: none;
 }
 
 .pro_details dl {
     display: block;
     width: 100%;
     position: relative;
 }
 
 .pro_details dl dt {
     position: absolute;
     top: -50px;
     font-size: 18px;
     left: 0;
     display: block;
     background: #fff;
     padding: 15px;
     border-radius: 8px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     text-align: center;
 }
 
 .pro_details dl dd {
     float: left;
     padding: 15px;
     font-size: 16px;
     border-bottom: 2px solid transparent;
     padding-bottom: 18px;
     cursor: pointer;
 }
 
 .pro_details dl dd:hover {
     color: #1276dd;
 }
 
 .details_btn {
     color: #1276dd;
     text-decoration: underline;
 }
 /*鏂伴椈鍒嗙被鏍峰紡*/
 
 .new_classification {
     width: 100%;
     border-bottom: 1px dashed #333;
 }
 
 .new_btn a {
     color: #fff !important;
     background: #333 !important;
 }
 
 .new_classification ul {
     width: 60%;
     height: 50px;
     line-height: 50px;
     margin: auto;
     margin-bottom: 20px;
 }
 
 .new_classification ul li {
     width: 30%;
     margin-right: 4%;
     color: #555;
     background: #fff;
     float: left;
     border-top: 3px solid #776B61;
 }
 
 .new_classification ul li a {
     display: block;
     width: 100%;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 18px;
 }
 
 .new_classification ul li:last-child {
     margin-right: 0;
 }
 
 .ctt h2 {
     padding: 48px 0 4px;
     text-align: center;
     font-weight: bold;
 }
 
 .ctt h2 span {
     display: block;
     font-size: 42px;
     color: #000;
     line-height: 42px;
     position: relative;
     padding-bottom: 18px;
 }
 
 .about {
     margin-bottom: 30px;
 }
 
 .about dl dt {
     border: 1px solid #eee;
     line-height: 0;
 }
 
 .about dl dd {
     width: 1173px;
     margin: 0 auto;
     border: 1px solid #eee;
     padding: 1%;
     font-size: 15px;
     letter-spacing: 1px;
     line-height: 28px;
     text-indent: 2em;
     border-bottom: 2px solid #18469b;
 }
 
 .about dl dd:hover {
     box-shadow: 3px 3px 3px #eee;
 }
 
 .about dl dd p {
     margin: 10px 0;
     color: #333;
 }
 
 .pro ul li:nth-child(4n) {
     margin-right: 0;
 }
 
 .pro ul li {
     width: 21.2%;
     margin-bottom: 35px;
     float: left;
     margin-right: 58px;
     border: 1px solid #ddd;
 }
 
 .pro ul li a {
     display: block;
     width: 100%;
 }
 
 .pro ul li a img {
     width: 100%;
     height: 270px;
 }
 
 .pro ul li p {
     background: #18469b;
     text-align: center;
     color: #fff;
     margin: 0 auto;
     /* border-bottom: 2px solid #999; */
     margin-top: -10px;
     height: 40px;
     line-height: 40px;
     font-size: 16px;
     font-weight: normal;
 }
 
 .pro ul li p b {
     display: block;
     padding-top: 10px;
     font-size: 16px;
     font-weight: normal;
     margin-bottom: 6px;
 }
 
 .pro ul li p em {
     display: block;
     font-style: normal;
     font-size: 16px;
     font-weight: normal;
 }
 
 .pro ul li p em span {
     width: 8%;
     display: block;
     /*border-bottom: 1px solid #fff;*/
     margin: 10px auto;
 }
 
 .gs {
     width: 100%;
     height: 337px;
 }
 
 .gs_top {
     width: 100%;
     height: 350px;
 }
 
 .gs_top_left {
     float: left;
 }
 
 .gs_top_right {
     float: right;
     height: 328px;
     width: 538px;
     padding: 0 20px;
     background: rgb(244, 244, 244) none repeat scroll 0 0;
 }
 
 .gs span {
     display: inline-block;
     width: 250px;
     height: 40px;
     font-size: 18px;
     background-color: #18469b;
     color: #fff;
     text-align: center;
     line-height: 40px;
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 .ty-banner-1 img {
     width: 100%;
     height: 350px;
     visibility: inherit;
 }
 
 .triangle-left {
     border-bottom: 15px solid transparent;
     border-right: 25px solid rgb(244, 244, 244);
     border-top: 15px solid transparent;
     float: left;
     height: 0;
     position: absolute;
     width: 0;
     z-index: 10;
     left: -25px;
     top: 120px;
 }
 
 .pro ul li i {
     display: block;
     text-align: center;
     margin-top: 15px;
     font-style: normal;
 }
 
 .pro ul li.last {
     margin-right: 0;
 }
 
 .pro ul li:hover {
     box-shadow: 5px 5px 5px #eee;
     margin-top: -5px;
     transition-duration: 0.3s
 }
 
 .ctt h2 span:after {
     position: absolute;
     width: 3.2%;
     height: 3px;
     background: #18469b;
     content: "";
     bottom: 0;
     left: 48.4%;
 }
 
 .ctt h2 i {
     display: block;
     font-size: 16px;
     color: #777;
     font-family: "Arial";
     line-height: 44px;
     text-transform: uppercase;
     font-style: normal;
 }