@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; background-repeat: no-repeat; font-family: "Microsoft YaHei","微软雅黑",Arial; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

body { background: #fff; color: #333; margin-left: auto; margin-right: auto; line-height: 1.1; }

ul, ol { list-style-type: none; }

button { border: none; cursor: pointer; background-color: transparent; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; color: #b03331; }

.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }

.clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.bk { border: 1px red solid; }

.none { display: none !important; }

.container { width: 1200px; margin-left: auto; margin-right: auto; }
.container:before, .container:after { content: ''; display: block; width: 100%; clear: both; font-size: 0; }

/*导航按钮*/
.navbtn { display: none; position: absolute; z-index: 9999; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #b03331; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.navbtn span { display: block; width: 35px; height: 4px; margin: 8px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.navbtn.navclose span:nth-child(1) { -moz-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); }
.navbtn.navclose span:nth-child(2) { opacity: 0; }
.navbtn.navclose span:nth-child(3) { -moz-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); -webkit-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

/*头部*/
.header { position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 80px; background-color: rgba(255, 255, 255, 0.8); }
.header .logo { float: left; }
.header .logo a { display: block; height: 80px; line-height: 80px; font-size: 0; }
.header .logo a img { max-height: 100%; }
.header .navbar { float: right; }
.header .navbar .nav { line-height: 80px; text-align: right; font-size: 0; }
.header .navbar .nav a { display: inline-block; margin-left: 25px; color: #000; font-size: 16px; }
.header .navbar .nav a:hover, .header .navbar .nav a.current { color: #b03331; }

.banner { position: relative; width: 100%; overflow: hidden; }
.banner img { width: 100%; }
.banner .swiper-pagination { bottom: 30px !important; font-size: 0; }
.banner .swiper-pagination span { opacity: 1; width: 12px; height: 12px; margin: 0 10px !important; border: 1px #fff solid; border-radius: 50%; background: none; }
.banner .swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; }

.index-main { overflow: hidden; }
.index-main .item-box1 { margin-top: 65px; overflow: hidden; }
.index-main .item-box1 .box-head { overflow: hidden; }
.index-main .item-box1 .box-head .box-tit { float: left; display: inline-block; padding-bottom: 15px; border-bottom: 1px #000 solid; }
.index-main .item-box1 .box-head .box-tit h3 { float: left; color: #333; font-size: 30px; }
.index-main .item-box1 .box-head .box-tit em { float: left; display: block; line-height: 45px; margin-left: 20px; color: #333; font-size: 16px; font-style: normal; font-weight: normal; }
.index-main .item-box1 .box-head .more { float: right; display: inline-block; color: #333; font-size: 16px; margin-top: 25px; padding-left: 70px; padding-right: 15px; padding-bottom: 15px; border-bottom: 1px #000 solid; background-image: url(../images/cp-rec-more-icon.jpg); background-position: left top; background-repeat: no-repeat; }
.index-main .item-box1 .box-head .more:hover { color: #b03331; }
.index-main .item-box1 .box-wrapper { margin-top: 35px; }
.index-main .item-box1 .box-wrapper h5 { padding-left: 30px; margin-bottom: 40px; font-size: 18px; font-weight: normal; background-image: url(../images/pro-class-iconn.jpg); background-position: left center; background-repeat: no-repeat; }
.index-main .item-box1 .box-wrapper .pro-nav { float: left; width: 18.333%; background-color: #f2f2f2; }
.index-main .item-box1 .box-wrapper .pro-nav a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; border-bottom: 1px #fff solid; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; }
.index-main .item-box1 .box-wrapper .pro-nav a.current { height: 80px; line-height: 80px; color: #b03331; }
.index-main .item-box1 .box-wrapper .pro-slide { float: right; width: 79.16%; overflow: hidden; }
.index-main .item-box1 .box-wrapper .pro-slide .swiper-slide { margin-right: 5px; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item { width: 100%; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info { position: relative; display: table; text-align: center; background-color: #f2f2f2; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info:after, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info:after { content: ''; position: absolute; z-index: 999; display: block; background-image: url(../images/pro-arrow.png); background-position: center center; background-repeat: no-repeat; background-size: contain; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info > div, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info > div { display: table-cell; vertical-align: middle; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info strong, .index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info em, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info strong, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info em { display: block; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info strong, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info strong { font-size: 18px; font-weight: normal; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info em, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info em { padding-top: 20px; color: #676767; font-size: 16px; font-style: normal; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .pic img, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .pic img { min-width: 100%; min-height: 100%; max-width: none; max-height: none; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item:hover .info strong, .index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item:hover .info em, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item:hover .info strong, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item:hover .info em { color: #b03331; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item:hover .pic img, .index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item:hover .pic img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 { float: left; width: 66.66%; border-right: 1px #fff solid; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item { padding-top: 1px; overflow: hidden; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info { float: left; width: 50%; height: 277px; border-right: 1px #fff solid; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .info:after { top: 0; right: -29px; width: 30px; height: 100%; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box1 .item .pic { float: left; width: 50%; height: 277px; overflow: hidden; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box2 { float: right; width: 33.34%; margin-top: 1px; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info { width: 100.15%; height: 144px; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .info:after { left: 0; bottom: -34px; width: 100%; height: 40px; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
.index-main .item-box1 .box-wrapper .pro-slide .pic-box2 .item .pic { height: 411px; overflow: hidden; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list { width: 100.25%; padding-top: 1px; margin-left: -2px; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item { float: left; width: 33.333%; padding-left: 1px; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item .info { padding: 20px 0; text-align: center; background-color: #f2f2f2; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item .info strong, .index-main .item-box1 .box-wrapper .pro-slide .pic-list .item .info em { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item .info strong { font-size: 18px; font-weight: normal; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item .info em { padding-top: 10px; color: #676767; font-size: 16px; font-style: normal; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item .pic { overflow: hidden; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item .pic img { width: 100%; transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item:hover .info strong, .index-main .item-box1 .box-wrapper .pro-slide .pic-list .item:hover .info em { color: #b03331; }
.index-main .item-box1 .box-wrapper .pro-slide .pic-list .item:hover .pic img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.index-main .item-box2 { margin-top: 80px; }
.index-main .item-box3 { margin-top: 100px; overflow: hidden; }
.index-main .item-box3 .container { position: relative; }
.index-main .item-box3 .box-left { position: relative; z-index: 99; float: left; width: 65%; margin-top: 20px; }
.index-main .item-box3 .box-left .box-tit { height: 140px; line-height: 1.8; padding-left: 40px; padding-top: 25px; background-color: #b03331; background-image: url(../images/introduce-text.jpg); background-position: 98% center; background-repeat: no-repeat; background-size: auto 100%; }
.index-main .item-box3 .box-left .box-tit:before { content: ''; position: absolute; top: -7px; left: 25px; display: block; width: 97.3%; height: 150px; border: 2px #b03331 solid; }
.index-main .item-box3 .box-left .box-tit em { display: block; letter-spacing: 2px; color: #fff; font-size: 22px; font-style: normal; }
.index-main .item-box3 .box-left .box-tit h3 { color: #fff; font-size: 28px; font-weight: normal; }
.index-main .item-box3 .box-left .box-content { position: relative; margin-top: 85px; padding-left: 40px; padding-right: 135px; padding-bottom: 35px; }
.index-main .item-box3 .box-left .box-content h4 { line-height: 50px; text-align: center; color: #000; font-size: 26px; }
.index-main .item-box3 .box-left .box-content .content { line-height: 2.2; margin-top: 65px; font-size: 18px; text-align: justify; }
.index-main .item-box3 .box-left .box-content h2 { margin-top: 30px; color: #9a9a9a; font-size: 18px; font-weight: 500; }
.index-main .item-box3 .box-left .box-content h2:before { content: ''; position: absolute; left: 0; bottom: 0; width: 80px; height: 125px; border-left: 1px #b13634 solid; border-bottom: 1px #b13634 solid; }
.index-main .item-box3 .box-right { position: absolute; top: 0; right: 0; float: right; width: 42.5%; }
.index-main .item-box4 { margin-top: 95px; padding-top: 85px; padding-bottom: 80px; overflow: hidden; background-image: url(../images/index-case-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.index-main .item-box4 h3 { position: relative; width: 245px; height: 60px; line-height: 60px; text-align: center; margin-left: auto; margin-right: auto; color: #fff; font-size: 30px; font-weight: normal; letter-spacing: 4px; background-color: #b03331; }
.index-main .item-box4 h3:before { content: ''; position: absolute; top: -12.5px; left: 0; right: 0; margin: auto; display: block; width: 85%; height: 80px; border: 1px #b03331 solid; }
.index-main .item-box4 .list { margin-top: 65px; margin-left: -10px; margin-right: -10px; overflow: hidden; }
.index-main .item-box4 .list .item { float: left; width: 25%; margin-top: 12px; margin-bottom: 12px; padding-left: 10px; padding-right: 10px; }
.index-main .item-box4 .list .item a { position: relative; display: block; height: 210px; overflow: hidden; }
.index-main .item-box4 .list .item a:before { opacity: 1; content: ''; position: absolute; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 92%; height: 88%; border: 1px #fff solid; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.index-main .item-box4 .list .item a .pic img { width: 100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.index-main .item-box4 .list .item a .title { position: absolute; z-index: 999; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 50px; line-height: 20px; text-align: center; padding-top: 6px; background-color: rgba(0, 0, 0, 0.6); }
.index-main .item-box4 .list .item a .title strong { display: block; color: #fff; font-size: 18px; font-weight: normal; }
.index-main .item-box4 .list .item a .title em { display: block; color: #fff; font-size: 12px; font-style: normal; }
.index-main .item-box4 .list .item a:hover:before { opacity: 0; }
.index-main .item-box4 .list .item a:hover .pic img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }
.index-main .item-box4 .more { display: block; width: 235px; height: 45px; line-height: 45px; text-align: center; margin-top: 65px; margin-left: auto; margin-right: auto; color: #fff; font-size: 22px; background-color: #b03331; }
.index-main .item-box5 { margin-top: 95px; overflow: hidden; }
.index-main .item-box5 .h-pic { overflow: hidden; }
.index-main .item-box5 .h-pic img { max-width: 49%; }
.index-main .item-box5 .list { margin-top: 65px; margin-left: -7.5px; margin-right: -7.5px; }
.index-main .item-box5 .list .item { float: left; width: 33.33%; padding-left: 7.5px; padding-right: 7.5px; }
.index-main .item-box5 .list .item .pic { border-top: 1px #eee solid; border-left: 1px #eee solid; border-right: 1px #eee solid; overflow: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.index-main .item-box5 .list .item .pic img { width: 100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.index-main .item-box5 .list .item dl { padding: 15px 18px 20px; border-left: 1px #eee solid; border-right: 1px #eee solid; border-bottom: 1px #eee solid; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.index-main .item-box5 .list .item dl dt { font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index-main .item-box5 .list .item dl dd { line-height: 24px; margin-top: 10px; color: #9a9a9a; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.index-main .item-box5 .list .item .more { display: block; width: 130px; height: 28px; line-height: 28px; text-align: center; margin-top: 40px; margin-left: auto; margin-right: auto; border: 1px #ddd solid; border-radius: 3px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.index-main .item-box5 .list .item .more:hover { border-color: #b03331; }
.index-main .item-box5 .list .item:hover .pic { border-color: #b03331; }
.index-main .item-box5 .list .item:hover .pic img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }
.index-main .item-box5 .list .item:hover dl { border-color: #b03331; }

.message-box { margin-top: 70px; padding-bottom: 80px; background-image: url(../images/index-message-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.message-box .box-wrapper { width: 440px; padding-top: 50px; margin-left: auto; margin-right: auto; }
.message-box .box-wrapper h3 { text-align: center; padding-bottom: 70px; color: #fff; font-size: 22px; font-weight: normal; }
.message-box .box-wrapper .item { margin-bottom: 25px; overflow: hidden; }
.message-box .box-wrapper .item h5 { margin-bottom: 10px; font-size: 16px; color: #fff; }
.message-box .box-wrapper .item input, .message-box .box-wrapper .item textarea { float: left; display: block; width: 95%; height: 35px; line-height: 35px; padding: 0 10px; border-radius: 2px; border: none; }
.message-box .box-wrapper .item i { float: left; display: block; width: 5%; line-height: 35px; text-align: center; color: #ff0000; font-size: 16px; font-style: normal; }
.message-box .box-wrapper .item textarea { height: 100px; line-height: 20px; padding: 5px 7px; font-size: 14px; }
.message-box .box-wrapper .submit { display: block; width: 165px; height: 45px; line-height: 45px; text-align: center; margin-top: 35px; color: #fff; background-color: #b03331; }

.inside-banner { position: relative; width: 100%; height: 580px; line-height: 580px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; font-size: 0; }
.inside-banner h3 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 52px; font-weight: normal; background-color: rgba(0, 0, 0, 0.4); background-image: url(../images/inside-banner-title-icon.png); background-position: center center; background-repeat: no-repeat; }

.inside-main { padding-top: 50px; background-color: #efefef; overflow: hidden; }
.inside-main .crumbs { line-height: 35px; padding-left: 30px; font-size: 14px; background-image: url(../images/crumbs-icon.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 60%; border-bottom: 1px #b03331 solid; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.inside-main .crumbs em { color: #b03331; font-style: normal; }
.inside-main .inside-menu-name { text-align: center; margin-top: 60px; }
.inside-main .inside-menu-name h3 { position: relative; display: inline-block; padding-left: 5px; padding-right: 5px; padding-bottom: 12px; font-size: 22px; }
.inside-main .inside-menu-name h3:before, .inside-main .inside-menu-name h3:after { content: ''; position: absolute; left: 0; bottom: 0; height: 4px; }
.inside-main .inside-menu-name h3:before { z-index: 99; width: 100%; background-color: #ccc; }
.inside-main .inside-menu-name h3:after { z-index: 999; width: 35%; right: 0; margin: auto; background-color: #b03331; }
.inside-main .inside-menu-name h4 { padding-top: 8px; color: #999; font-size: 15px; font-weight: normal; text-transform: uppercase; }
.inside-main .pro-menu { float: left; width: 20%; padding-bottom: 100px; }
.inside-main .pro-menu h3 { display: inline-block; padding-bottom: 25px; font-size: 30px; border-bottom: 1px #000 solid; }
.inside-main .pro-menu h5 { line-height: 18px; padding-left: 30px; margin-top: 40px; font-size: 16px; font-weight: normal; background-image: url(../images/pro-class-iconn.jpg); background-position: left center; background-repeat: no-repeat; background-size: auto 18px; }
.inside-main .pro-menu > ul { margin-top: 30px; }
.inside-main .pro-menu > ul > li { border-bottom: 1px #333 dashed; }
.inside-main .pro-menu > ul > li h4 { position: relative; line-height: 50px; font-weight: normal; }
.inside-main .pro-menu > ul > li h4 a { display: block; width: 100%; padding-left: 10px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.inside-main .pro-menu > ul > li h4 i { position: absolute; z-index: 99; top: 0; right: 0; display: block; width: 10%; height: 50px; cursor: n-resize; background-color: #efefef; background-image: url(../images/arrow-down.png); background-position: center center; background-repeat: no-repeat; background-size: auto 7px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.inside-main .pro-menu > ul > li h4 i.open { transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
.inside-main .pro-menu > ul > li ul { display: none; padding-left: 1.5em; padding-bottom: 10px; }
.inside-main .pro-menu > ul > li ul li { line-height: 30px; }
.inside-main .pro-menu > ul > li.current h4 a { color: #b03331; }
.inside-main .paging { margin-top: 10px; margin-bottom: 70px; text-align: center; font-size: 0; }
.inside-main .paging a { display: inline-block; margin: 0 15px; color: #666; font-size: 14px; }
.inside-main .paging a:hover, .inside-main .paging a.current { color: #b03331; }

.single-main { margin-top: 50px; }
.single-main .content { padding-bottom: 60px; }
.single-main .content, .single-main .content p, .single-main .content strong, .single-main .content span { line-height: 1.6; color: #333; font-size: 15px; }

.about-main .icon-list { margin-left: -10px; margin-right: -10px; padding-bottom: 100px; overflow: hidden; }
.about-main .icon-list .item { float: left; width: 33.33%; padding-left: 10px; padding-right: 10px; }
.about-main .icon-list .item .icon { position: relative; display: block; width: 225px; height: 225px; line-height: 225px; text-align: center; margin-left: auto; margin-right: auto; padding: 25px; border: 2px #999 solid; border-radius: 100%; font-size: 0; }
.about-main .icon-list .item .icon:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 175px; height: 175px; background-color: #999; border-radius: 100%; }
.about-main .icon-list .item .icon img { position: absolute; z-index: 99; display: block; width: 175px; height: 175px; padding: 35px; }
.about-main .icon-list .item strong { position: relative; display: block; text-align: center; padding-top: 30px; padding-left: 15px; padding-bottom: 30px; color: #666; font-size: 20px; font-weight: normal; letter-spacing: 15px; }
.about-main .icon-list .item strong:after { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; content: ''; display: block; width: 20%; height: 2px; margin-left: auto; margin-right: auto; background-color: #b03331; }
.about-main .icon-list .item p { line-height: 30px; margin-top: 30px; color: #666; font-size: 15px; }
.about-main .icon-list .item:hover .icon:before { background-color: #b03331; }

.pro-list { float: right; width: 75%; overflow: hidden; }
.pro-list ul { margin-left: -10px; margin-right: -10px; overflow: hidden; }
.pro-list ul li { float: left; width: 33.33%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px;  height:271px;}
.pro-list ul li a .pic { overflow: hidden; }
.pro-list ul li a .pic img { width: 100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.pro-list ul li a .tit { text-align: center; padding-top: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro-list ul li a:hover .pic img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }

.list-img { margin-top: 65px; overflow: hidden; }
.list-img ul { margin-left: -8px; margin-right: -8px; overflow: hidden; }
.list-img ul li { float: left; width: 25%; padding-left: 8px; padding-right: 8px; margin-bottom: 40px; height:300px;}
.list-img ul li .pic { overflow: hidden; }
.list-img ul li .pic img { width: 100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.list-img ul li .tit { text-align: center; margin-top: 20px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list-img ul li:hover .pic img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }

.news-list { margin-top: 65px; margin-left: -8px; margin-right: -8px; overflow: hidden; }
.news-list .item { float: left; width: 33.33%; padding-left: 8px; padding-right: 8px; margin-bottom: 30px; }
.news-list .item .pic { overflow: hidden; }
.news-list .item .pic img { width: 100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.news-list .item dl { padding: 15px 15px 20px; background-color: #fff; }
.news-list .item dl dt { font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-list .item dl dd { line-height: 1.8; margin-top: 10px; color: #808080; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.news-list .item:hover .pic img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }

.zsjm-main { padding-bottom: 80px; }
.zsjm-main .box-tit { height: 45px; line-height: 45px; border-bottom: 1px #b03331 solid; overflow: hidden; }
.zsjm-main .box-tit h3 { float: left; font-size: 18px; }
.zsjm-main .box-tit b { float: left; display: block; line-height: 50px; padding-left: 5px; color: #666; font-size: 12px; }
.zsjm-main .jmdx .list { display: flex; display: -webkit-flex; flex-flow: row nowrap; justify-content: center; text-align: center; margin-top: 40px; font-size: 0; }
.zsjm-main .jmdx .list span { display: block; line-height: 210px; padding: 0 10px; }
.zsjm-main .jmyq { margin-top: 50px; overflow: hidden; }
.zsjm-main .jmyq ul { width: 102%; margin-top: 40px; overflow: hidden; }
.zsjm-main .jmyq ul li { position: relative; float: left; width: 18%; max-width: 220px; margin-right: 2%; overflow: hidden; }
.zsjm-main .jmyq ul li img { width: 100%; }
.zsjm-main .jmyq ul li strong { position: absolute; left: 0; right: 0; bottom: -30px; margin: auto; display: block; width: 100%; line-height: 30px; text-align: center; color: #fff; font-size: 14px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: rgba(0, 0, 0, 0.7); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.zsjm-main .jmyq ul li:hover strong { bottom: 0; }

.dlqy { text-align: center; margin-top: 80px; padding-top: 85px; padding-bottom: 110px; background-image: url(../images/index-message-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.dlqy h4 { color: #fff; font-size: 35px; }
.dlqy .text { line-height: 3; margin-top: 65px; color: #fff; font-size: 22px; }

.contact-main { margin-top: 50px; }
.contact-main .content { text-align: center; overflow: hidden; }
.contact-main .content ul { display: inline-block; text-align: left; padding: 0 50px; }
.contact-main .content ul li { line-height: 25px; padding: 10px  0; padding-left: 30px; font-size: 16px; background-position: left center; background-repeat: no-repeat; background-size: auto 23px; }

.map-box { position: relative; height: 470px; margin-top: 50px; }
.map-box:before { content: ''; position: absolute; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

.pro-detail { float: right; width: 75%; padding-bottom: 100px; overflow: hidden; }
.pro-detail h1 { text-align: center; color: #888; font-size: 18px; font-weight: normal; }
.pro-detail .tab-tit { height: 40px; margin-top: 20px; border-bottom: 1px #b03331 solid; }
.pro-detail .tab-tit h4 { display: inline-block; height: 40px; line-height: 40px; padding-left: 30px; padding-right: 30px; color: #666; font-size: 15px; border-top: 2px #b03331 solid; border-left: 1px #b03331 solid; border-right: 1px #b03331 solid; background-color: #efefef; }
.pro-detail .content { margin-top: 30px; }
.pro-detail .content, .pro-detail .content p, .pro-detail .content strong, .pro-detail .content span { line-height: 2; }

.news-detail { margin-top: 50px; padding-bottom: 50px; overflow: hidden; }
.news-detail h1 { text-align: center; font-size: 24px; }
.news-detail .datetime { margin-top: 35px; color: #888; font-size: 12px; }
.news-detail .content { margin-top: 60px; margin-bottom: 60px; }
.news-detail .content, .news-detail .content p, .news-detail .content strong, .news-detail .content span { line-height: 2; color: #666; font-size: 14px; }

.pre-next { float: left; width: 50%; line-height: 50px; color: #666; }
.pre-next a { color: #b3b3b3; }

.share-box { float: right; width: 50%; text-align: right; margin-top: 20px; }
.share-box .bshare-custom { line-height: 32px !important; }
.share-box .bshare-custom a { width: 32px !important; height: 32px !important; background-image: url(../images/n_shareIcn.png) !important; background-position: left top !important; background-repeat: no-repeat; }
.share-box .bshare-custom a.bshare-weixin { background-position: left top !important; }
.share-box .bshare-custom a.bshare-sinaminiblog { background-position: left -90px !important; }
.share-box .bshare-custom a.bshare-qqim { background-position: left -45px !important; }
.share-box .bshare-custom a.bshare-qzone { background-position: left -135px !important; }
.share-box .bshare-custom a.bshare-douban { background-position: left -630px !important; }
.share-box .bshare-custom a.bshare-itieba { background-position: left -495px !important; }

.bsBox { width: auto !important; height: auto  !important; }

.index-footer { padding-top: 20px; padding-bottom: 50px; background-color: #282828; }
.index-footer .f-left { float: left; width: 60%; }
.index-footer .f-left .contact-info { margin-top: 35px; overflow: hidden; }
.index-footer .f-left .contact-info .qrcode { float: left; display: block; width: 30%; padding-top: 10px; }
.index-footer .f-left .contact-info .content { float: right; width: 55%; line-height: 40px; color: #999999; }
.index-footer .f-right { float: right; width: 40%; text-align: right; }
.index-footer .f-right dl dt { display: inline-block; line-height: 37px; padding: 0 20px; color: #fff; font-size: 22px; letter-spacing: 2px; background-color: #b03331; border-radius: 10px; }
.index-footer .f-right dl dd { line-height: 50px; margin-top: 10px; color: #fff; font-size: 42px; }

.inside-footer { padding-top: 20px; padding-bottom: 30px; background-color: #282828; }
.inside-footer .contact { overflow: hidden; }
.inside-footer .contact .item { float: left; }
.inside-footer .contact .item ul li { line-height: 45px; padding-left: 30px; background-position: left center; background-repeat: no-repeat; background-size: auto 20px; color: #ccc; font-size: 14px; }
.inside-footer .contact .item1 { width: 52.91%; padding-right: 20px; }
.inside-footer .contact .item2 { width: 28.75%; }
.inside-footer .contact .qrcode { float: right; width: 12.5%; }
.inside-footer .hezuo { line-height: 40px; margin-bottom: 20px; border-bottom: 1px #b03331 solid; overflow: hidden; }
.inside-footer .hezuo strong, .inside-footer .hezuo a { float: left; display: block; color: #ccc; font-size: 14px; font-weight: normal; }
.inside-footer .hezuo a { margin-right: 15px; }
.inside-footer .hezuo a:hover { color: #b03331; }
.inside-footer .tel-number { float: left; width: 26.66%; background-image: url(../images/fwrx-icon.png); background-position: left top; background-size: auto 35px; }
.inside-footer .tel-number em, .inside-footer .tel-number strong, .inside-footer .tel-number p { display: block; color: #ccc; font-style: normal; font-weight: normal; }
.inside-footer .tel-number em { padding-left: 45px; font-size: 13px; }
.inside-footer .tel-number strong { padding-top: 5px; padding-left: 45px; font-size: 18px; color: #fff; }
.inside-footer .tel-number p { padding-top: 8px; font-size: 12px; }
.inside-footer .f-nav { float: right; width: 70%; line-height: 50px; text-align: right; overflow: hidden; font-size: 0; }
.inside-footer .f-nav a { display: inline-block; margin-left: 25px; color: #ccc; font-size: 14px; }
.inside-footer .f-nav a:hover { color: #b03331; }

.copyright { line-height: 22px; padding: 10px 0; text-align: center; color: #666; font-size: 14px; background-color: #0b0b0b; }

#goTop { position: fixed; z-index: 9999; right: 3%; bottom: 10%; width: 50px; height: 50px; line-height: 50px; overflow: hidden; }
#goTop a { display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 2px; border: 1px #ddd solid; font-size: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
#goTop a img { opacity: .3; padding: 10px; }
#goTop a.hide { margin-top: 50px; }

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

.mod-pager-box
{
    clear:both;
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:30px;
    font-family:微软雅黑,Microsoft YaHei;
    margin-bottom:40px;
    }
.mod-pager-box a
{
    text-align:center;
    line-height:30px;
    margin:0 5px;
    width:30px;
    height:30px;
    color:#cccccc;
    border:solid 1px #cccccc;
    display:inline-block;
    cursor:pointer;
}
.mod-pager-box a:hover,.mod-pager-box .current
{
    text-align:center;
    margin:0 5px;
    width:30px;
    height:30px;
    line-height:30px; cursor:pointer;
    color:#fff;
    background-color:#b03331;
    display:inline-block; 
}
.mod-pager-box a.pages
{
    width:auto;
    padding:0 15px;
    display:inline-block;
}

.mod-pager-box.s1 a[disabled='disabled'],mod-pager-box.s1 span[disabled='disabled']{ display:none;}