.pro-headerbg { background: #2d7bdd; }
.pro-header { padding: 20px 0; }

.pro-reg { margin-top: 12px; font-size: 14px; line-height: 26px; color: #fff; }
.pro-reg a { margin-left: 10px; padding: 0 15px; display: inline-block; color: #fff; text-decoration: none; border: 1px solid #fff; border-radius: 4px; }
.pro-reg a:hover { color: #2d7bdd; background: #fff; }
.pro-reg span { margin: 0 10px; }

.pro-head-link { margin-top: 12px; margin-right: 30px; font-size: 18px; line-height: 28px; color: #fff; text-decoration: none; }

.pro-nav { border-top: 1px solid #4d8fe3; }
.pro-nav > ul > li { width: 16.6666666667%; float: left; position: relative; }
.pro-nav > ul > li > a { position: relative; display: block; font-size: 18px; line-height: 40px; text-align: left; color: #fff;font-weight: 600;
    margin-left: 17px; }
.pro-nav > ul > li > a:hover, .pro-nav > ul > li > a.cur-nav, .pro-nav > ul > li > a.active {  }

.pro-dropmenu { position: absolute; left: 0; right: 0; z-index: 9; display: none; background: #fff; border-top: 0 solid #7B7B7B; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); }
.pro-dropmenu ul { width: 100%; padding: 0; overflow: hidden; }
.pro-dropmenu ul li { width: 100%; height: 48px; overflow: hidden; border-bottom: 1px solid #f0f0f0; }
.pro-dropmenu ul li a { position: absolute; width: 100%; font-size: 14px; line-height: 48px; text-align: center; color: #777; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.pro-dropmenu ul li a:hover { background: #f0f0f0; color: #2d7bdd; }

.pro-footerbg { padding: 20px; background: #33373b; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.8); text-align: center; position: fixed; left: 0; bottom: 0; width: 100%;}

body { margin: 0; padding: 0; }

.gkyx { font-size: inherit; }

[class*="col-"] { float: left; }

.col-1 { width: 100%; }

.col-2 { width: 50%; }

.col-3 { width: 33.3333333333%; }

.col-4 { width: 25%; }

.pro-pb25 { padding-bottom: 25px; }

.pro-mt20 { margin-top: 20px; }

.pro-mb20 { margin-bottom: 20px; }

.pro-clearfix:before, .pro-clearfix:after { display: table; content: " "; }
.pro-clearfix:after { clear: both; }

.pro-bgf3 { background: #f3f3f3; height: 100%; }

.pro-reset * { padding: 0; margin: 0; font-size: 14px; font-family: "PingFang SC", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; line-height: 1; }
.pro-reset h1, .pro-reset h2, .pro-reset h3, .pro-reset h4, .pro-reset h5, .pro-reset h6 { font-weight: normal; }
.pro-reset a { text-decoration: none; }
.pro-reset ul, .pro-reset li { list-style: none; }
.pro-reset img { border: none; }

.pro-wrap { width: 1200px; margin-left: auto; margin-right: auto; }

.pro-btn-theme { color: #fff; background: #c9151e; }
.pro-btn-theme:hover { background: #9b1017; }

.pro-trans { -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.pro-bd4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.pro-tc { text-align: center; }

.pro-pagin { display: block; }
.pro-pagin > a { padding: 6px 10px; margin: 0 2px 0; display: inline-block; font-size: 12px; line-height: 18px; color: #666; border-radius: 3px; border: 1px #ddd solid; background: #fff; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.pro-pagin > a:hover { color: #c9151e; border-color: #c9151e; box-shadow: 0 0 3px #eee; }
.pro-pagin .pro-pagin-cur, .pro-pagin .pro-pagin-cur:hover { color: #fff; border-color: #c9151e; background: #c9151e; }

.pro-pagin-disable { color: #afafaf; cursor: default; }
.pro-pagin-disable:hover { border-color: #ddd; background: #fff; }

.pro-pagin-ell { padding: 0 10px; font-size: 14px; line-height: 18px; color: #666; }

.pro-pagin-txt { display: inline-block; padding: 5px 8px; font-size: 14px; line-height: 18px; color: #666; }

.pro-pagin-jump, .pro-pagin-jump-focus { display: inline-block; *vertical-align: -5px; border: 1px #ddd solid; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.pro-pagin-input { width: 40px; height: 30px; *float: left; font-size: 12px; color: #c9151e; line-height: 30px\9; *line-height: 30px; text-align: center; border: none; outline: none; background: #fff; border-radius: 0; }

.pro-pagin-btn { *float: left; display: none; padding: 0 10px; font-size: 12px; line-height: 26px; color: #fff; text-decoration: none; }
.pro-pagin-btn:hover { color: #fff; }

.pro-pagin-jump-focus { border-color: #c9151e; background: #c9151e; *vertical-align: -1px; }
.pro-pagin-jump-focus .pro-pagin-btn { display: inline-block; }

.pro-pagin { padding: 50px 0; }

.pro-pull-left { float: left; }

.pro-pull-right { float: right; }

.pro-tab { height: 64px; padding-left: 28px; }
.pro-tab a { position: relative; margin-right: 24px; display: inline-block; font-size: 16px; line-height: 64px; color: #222; }
.pro-tab a span { position: absolute; left: 50%; bottom: 12px; margin-left: 0; width: 0; height: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; background: transparent; }
.pro-tab a.active { color: #c9151e; }
.pro-tab a.active span { width: 18px; margin-left: -9px; background: #c9151e; }

.pro-list > ul { margin-bottom: -25px; }
.pro-list > ul > li { margin-bottom: 25px; }

.pro-box { position: relative; min-height: 178px; padding: 20px 20px 20px 322px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); cursor: pointer; }
.pro-box h2 { padding-top: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -moz-box-orient: vertical; }
.pro-box h2 a { font-size: 20px; line-height: 30px; color: #000; }
.pro-box h2 a:hover { color: #c9151e; }
.pro-box ul { margin-top: 15px; margin-right: 330px; }
.pro-box ul li { font-size: 14px; line-height: 24px; color: #868c96; }
.pro-box ul li i { margin-right: 5px; line-height: 24px; vertical-align: bottom; }
.pro-box:hover .pro-box-pic img { -webkit-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }

.pro-box-pic { position: absolute; left: 20px; width: 272px; height: 178px; top:8px;overflow: hidden; }
.pro-box-pic img { width: 100%; height: auto; }

.pro-opt { position: absolute; right: 20px; bottom: 20px; }
.pro-opt a { width: 120px; height: 40px; display: inline-block; font-size: 18px; line-height: 40px; text-align: center; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.pro-details { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }

.pro-details-menu { position: relative; height: 52px; padding: 0 30px; border-bottom: 1px solid #eee; }
.pro-details-menu h3 { font-size: 16px; line-height: 52px; font-weight: bold; color: #c9151e; }
.pro-details-menu h3 i { position: absolute; left: 0; top: 50%; width: 6px; height: 20px; margin-top: -10px; background: #c9151e; }

.pro-details1 { position: relative; min-height: 162px; margin: 25px 30px 0; padding-bottom: 25px; padding-left: 278px; }
.pro-details1 h2 { padding-top: 15px; font-size: 24px; line-height: 34px; }
.pro-details1 ul { margin-top: 20px; margin-right: 280px; }
.pro-details1 ul li { font-size: 14px; line-height: 24px; color: #868c96; }
.pro-details1 ul li i { margin-right: 5px; line-height: 24px; vertical-align: bottom; }
.pro-details1-pic { position: absolute; left: 0; width: 248px; height: 162px; overflow: hidden; }
.pro-details1-pic img { width: 100%; height: inherit; }
.pro-details1-opt { position: absolute; right: 0; bottom: 25px; }
.pro-details1-opt a { width: 120px; height: 40px; display: inline-block; font-size: 18px; line-height: 40px; text-align: center; }

.pro-details2 { margin: 0 30px; min-height: 480px; }

.pro-details2-tabm { padding: 0 15px; height: 38px; background: #f7f7f7; }
.pro-details2-tabm h3 { position: relative; display: inline-block; font-size: 14px; line-height: 38px; color: #c9151e; font-weight: bold; }
.pro-details2-tabm h3 span { position: absolute; left: 50%; bottom: -2px; width: 14px; height: 4px; margin-left: -7px; background: #c9151e; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.pro-details2-article { padding: 20px 0; font-size: 14px; line-height: 30px; color: #666; }
.pro-details2-article p { line-height: 30px; }
.pro-details2-article p span { line-height: 30px; }

/*# sourceMappingURL=main.css.map */