@charset "utf-8";
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
body {background-color:#f7f7f7; color:#333; font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande";/*设置字体*/ overflow-x:hidden; width:100%;/*设置宽度*/}


/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}

a {text-decoration:none; outline:none; color:#333;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#e62129;}
a img {border:none;}
*:focus {outline: none;}
/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{ list-style:none; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {width:1200px; margin:0 auto;}
.inner1600 {width:1600px; margin:0 auto;}
@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Regular.ttf');
}

@font-face {
  font-family: 'Pangmenzhengdao';
  src: url('../fonts/PangMenZhengDaoCuShuTi.ttf');
}
/* Slider */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
/*全站头部*/


/*header*/
.header {background-color:#fff;position:fixed;left:0;top:0;width:100%;z-index:9;border-bottom:1px solid #eee;}
.header .inner {width:83.4%;padding:0 8.3%;}
.header .close {display: none;}
.blank {height:81px;width:100%;}
/*logo*/
.logo {float:left;padding:20px 0;}
.logo a {display:block;text-indent:-9999em;width:120px;height:40px;background:no-repeat left center;background-size:contain;}
/*topBtn*/
.topBtn {float:right;padding:20px 0;}
.topBtn .btn {float:left;}
.topBtn a {display:block;width:40px;height:40px;background:no-repeat center center;background-size:contain;}
.topBtn a:hover {opacity:.85;}
.topBtn .search a {background-image:url(../images/icon_search.png);}
.navBtn {cursor:pointer;position:relative;width:25px;height:26px;display:none;}
.navBtn span {display:block;position:absolute;right:0;top:50%;margin-top:-1px;width:100%;height:2px;background-color:#cacaca;cursor:pointer;transition:opacity .3s;}
.navBtn span:before,.navBtn span:after {content:'';display:block;width:100%;height:2px;background-color:#cacaca;position:absolute;right:0;transition:all .3s;}
.navBtn span:before {top:-8px;}
.navBtn span:after {bottom:-8px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg);top:0;}
.navBtn.open span:after {transform:rotate(-45deg);bottom:auto;top:0;}
/*searchForm*/
.searchForm {position:absolute;right:8.3%;top:100%;width:400px;padding:6px;background-color:#e62129;margin-top:1px;display:none;}
.searchForm .input {padding-right:40px;position:relative;}
.searchForm .text {background-color:rgba(255,255,255,0.2);height:24px;line-height:24px;padding:5px 3%;width:94%;color:#fff;font-size:16px;font-family:'Microsoft Yahei';}
.searchForm .submit {display:block;width:34px;height:34px;background:url(../images/icon_search2.png) no-repeat center center;position:absolute;right:0;top:0;}
/*nav*/
.nav {margin:0 auto;width:1200px;}
.nav ul {border-right:1px solid #eee;}
.nav li {width:12.5%;text-align:center;line-height:80px;float:left;position: relative;}
.nav li a {display:block;overflow:hidden;color:#555;font-size:0;border-left:1px solid #eee;transition:background-color 0.3s;}
.nav li i {display:inline-block;vertical-align:middle;font-size:18px;font-style:normal;}
.nav li .icon {width:22.168%;padding-bottom:22.168%;background:no-repeat 0 0;background-size:100% auto;margin-right:5px;}
.nav li#nav0 .icon {background-image:url(../images/nav_0.png);}
.nav li#nav2 .icon {background-image:url(../images/nav_1.png);}
.nav li#nav65 .icon {background-image:url(../images/nav_65.png);background-position: center center;}
.nav li#nav9 .icon {background-image:url(../images/nav_2.png);}
.nav li#nav11 .icon {background-image:url(../images/nav_3.png);}
.nav li#nav17 .icon {background-image:url(../images/nav_4.png);}
.nav li#nav27 .icon {background-image:url(../images/nav_5.png);}
.nav li#nav33 .icon {background-image:url(../images/nav_6.png);}
.nav li a:hover {color:#fff;background:#e62129 url(../images/bg_nav.png) repeat-x left bottom;}
.nav li a:hover .icon {background-position:0 100%;}
.nav li.cur > a {color:#fff;background:#e62129 url(../images/bg_nav.png) repeat-x left bottom;}
.nav li.cur .icon {background-position:0 100%;}
.nav li#nav65:hover .icon ,.nav li#nav65.cur .icon{background-image:url(../images/nav_65_on.png);background-position: center center;}
.nav .nav_sub{display: none; position: absolute;top: 100%;left: 0;width: 100%;right: 0;margin: auto;background-color: #fff;}

.nav .nav_sub a{display: block;text-align: center;padding: 15px 10px;font-size: 14px;line-height: normal;border: 0;}
.nav .nav_sub a:hover {color:#fff;background:#e62129 url(../images/bg_nav.png) repeat-x left bottom;}

@media (min-width: 768px) {
  .nav li:hover .nav_sub{display: block;}
}
/*banner*/
.banner {position:relative;}
.banner #banner .item {display:none;position:relative;}
.banner .pic {padding-bottom:47.917%;position:relative;display:block;background:no-repeat center center;background-size:cover;}
.banner .wap {display: none;}
.banner a {display:block; position:absolute; left:0; top:0; width:100%; height: 100%;}
.banner .load {padding-bottom:47.917%;}
/*mouse*/
@keyframes mouse {0% {bottom:6%;}
50% {bottom:3%;}
100% {bottom:6%;}
}
@-webkit-keyframes mouse {0% {bottom:6%;}
50% {bottom:3%;}
100% {bottom:6%;}
}
.mouse {width:46px;position:absolute;left:50%;bottom:6%;margin-left:-23px;animation:mouse 2.5s ease-in-out 0s infinite;-webkit-animation:mouse 2.5s ease-in-out 0s infinite;}
.mouse span {display:block;padding-bottom:128.261%;background:url(../images/icon_mouse.png) no-repeat center center;background-size:contain;}
/*wrapper*/
.wrapper {padding:3.125% 0 8.334%;background:#f7f7f7 url(../images/bg.png) repeat-y center top;overflow:hidden;}
/*bar*/
.bar {margin-bottom:2.3%;}
/*subMenu*/
.subMenu {float:left;padding-bottom:2.4%;}
.subMenu ul {overflow:hidden;margin-left:-3%;}
.subMenu li {float:left;width:219px;}
.subMenu li a {padding-bottom:39.27%;display:block;background:url(../images/bg_submenu.png) no-repeat 0 0;background-size:100% auto;position:relative;color:#fff;font-size:16px;line-height:1.75em;}
.subMenu li a:hover, .subMenu li.cur a {background-position:0 100%;color:#ffe49c;}
.subMenu li i {position:absolute;left:10%;top:43%;transform:translateY(-50%);width:80%;font-style:normal;display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*breadcrumb*/
.breadcrumb {float:right;font-size:14px;color:#999;line-height:1.5em;padding:27px 0;}
.breadcrumb a {color:#999;}
.breadcrumb a:hover {color:#e62129;}
.breadcrumb i {font-style:normal;font-family:'Simsun';padding:0 3px;}
/*style*/
.style ul {overflow:hidden;width:103%;margin-bottom:3.5%;}
.style li {float:left;width:31%;padding-right:2%;padding-bottom:3%;}
.style li .pic {overflow:hidden;position: relative;}
.style li .pic .play {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);opacity:0;transition:all .3s; z-index: 10;}
.style li .pic .play i {display:block;width:17.494%;padding-bottom:17.494%;background:url(../images/icon_play.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-8.747% 0 0 -8.747%;}
.style li a:hover .pic .play {opacity:1;}

.style li span {padding-bottom:67.358%;background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
.style li .btm {display:table;table-layout:fixed;width:100%;}
.style li .title {display:table-cell;vertical-align:middle;height:78px;text-align:center;padding:0 10px;}
.style li h2 {font-size:18px;font-weight:normal;line-height:1.55em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.style li p {font-size:18px;line-height:1.55em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.style li a {display:block;overflow:hidden;background-color:#fff;color:#525252;transition:all .3s;}
.style li a:hover {background-color:#e62129;color:#fff;}
.style li a:hover span {transform:scale(1.1);}
/*pagenavi*/
.pagenavi {font-size:0;text-align:center;line-height:normal;}
.pagenavi a {display:inline-block;color:#424242;font-size:16px;height:38px;line-height:38px;padding:0 14.5px;background-color:#fff;margin:0 5px;border:1px solid #eee;transition:all .3s;}
.pagenavi a.a_cur,.pagenavi a:hover {color:#fff;background-color:#e62129;border-color:#e62129;}
/*footer*/
.footer {background-color:#fff;padding:3.125% 0;}
/*social*/
.social {text-align:center;position:relative;padding:2.5% 0;margin-bottom:4.167%;}
.social:before,.social:after {width:80px;height:1px;background-color:#ddd;content:'';display:block;position:absolute;left:50%;margin-left:-40px;}
.social:before {top:0;}
.social:after {bottom:0;}
.social h2 {font-weight:normal;font-size:14px;line-height:1.5em;color:#000;margin-bottom:2.5%;}
.social ul {font-size:0;line-height:normal;}
.social li {display:inline-block;padding:0 2.084%;position:relative;}
.social li a {display:block;width:50px;height:50px;background:no-repeat center center;background-size:contain;text-indent:-99999em;}
.social li a:hover {opacity:.85;}
.social li.wx a {background-image:url(../images/icon_wx.png);}
.social li.wb a {background-image:url(../images/icon_wb.png);}
.social li.dy a {background-image:url(../images/icon_dy.png);}
.social li.tm a {background-image:url(../images/icon_tm.png);}
.social li.jd a {background-image:url(../images/icon_jd.png);}
.social li .box {position:absolute;left:50%;bottom:100%;margin-bottom:10px;background-color:#fff;border:1px solid #eee;padding:5px;width:120px;margin-left:-66px;display:none;}
.social li .box:after {width:8px;height:8px;background-color:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;bottom:-6px;margin-left:-6px;}
.social li img {display:block;width:100%;height:auto;}
.social li .text {text-align:center;color:#888;font-size:12px;line-height:1.5em;}
/*pagesList*/
.pagesList {margin-bottom:12px;}
.pagesList ul {font-size:0;line-height:normal;text-align:center;}
.pagesList li {display:inline-block;padding:0 1.917%;font-size:14px;line-height:1.5em;position:relative;}
.pagesList li:after {width:1px;height:14px;background-color:#b2b2b2;content:'';display:block;position:absolute;right:0;top:50%;margin-top:-7px;}
.pagesList li:last-child:after {display:none;}
.pagesList li a {color:#555;}
.pagesList li a:hover {color:#e62129;}
/*copyright*/
.copyright {font-size:14px;color:#888;line-height:1.65em;text-align:center;}
.copyright a {color:#888;}
.copyright a:hover {color:#e62129;}
.copyright pre{ font-family:"Microsoft Yahei","Lucida Grande"; font-size:14px;}
/*recruitment*/
.recruitment {overflow:hidden;margin-bottom:6.834%;}
/*jobTop*/
.jobTop {background-color:#e62129;color:#fff;overflow:hidden;}
.jobTop span {display:block;float:left;font-size:16px;line-height:1.5em;padding:23px 0.5%;text-align:center;word-wrap:break-word;word-break:break-all;}
.jobTop .name {width:23.5%;padding-left:5%;text-align:left;}
.jobTop .num {width:22%;}
.jobTop .place {width:23%;}
.jobTop .date {width:23%;}
/*jobItem*/
.jobItem {margin-top:10px;background-color:#fff;}
.jobItem .jobTop {background-color:#fff;color:#666;cursor:pointer;}
.jobItem .jobTop.cur {color:#e62129;}
.jobItem .jobBtm {border-top:1px solid #eee;padding:2.5% 5%;display:none;}
.jobItem .box {font-size:16px;color:#999;line-height:2em;margin-bottom:2.32%;}
.jobItem h2 {font-size:16px;color:#424242;line-height:1.875em;margin-bottom:3px;background:url(../images/icon_01.png) no-repeat left 11px;padding-left:18px;}
.jobItem .btn {overflow:hidden;padding-top:2.4%;}
.jobItem .apply {float:left;}
.jobItem .apply a {color:#fff;background-color:#e62129;font-size:16px;display:block;width:160px;height:50px;line-height:50px;text-align:center;}
.jobItem .info {margin-left:180px;overflow:hidden;}
.jobItem .info span {display:block;float:left;padding:10px 20px;font-size:16px;color:#999;line-height:1.875em;}
/*applyBox*/
.applyBox {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9;display:none;}
.applyBox .applyForm {width:800px;max-height:75%;background-color:#fff;position:fixed;left:50%;top:50%;margin-left:-400px;transform:translateY(-50%);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.applyBox .close {display:block;width:31px;height:31px;background:url(../images/icon_close.png) no-repeat center center;background-size:contain;position:absolute;right:5px;top:5px;cursor:pointer;}
.applyBox .form {padding:8%;}
.applyBox .selectJob {display: none;}
.applyBox .input {overflow:hidden;padding:5px 0;}
.applyBox label {float:left;height:38px;line-height:38px;display:block;font-size:16px;color:#333;}
.applyBox .right {border:1px solid #ededed;margin-left:50px;}
.applyBox .text,.applyBox .file {width:98%;height:24px;line-height:24px;-webkit-appearance:none;font-size:14px;color:#333;font-family:'Microsoft Yahei';padding:7px 1%;}
.applyBox .submit {display:block;width:120px;height:37px;color:#fff;border-radius:19px;margin:50px auto 0;background-color:#e62129;font-size:16px;cursor:pointer;}
/*contactPage*/
.contactPage {overflow:hidden;margin-bottom:8.34%;}
/*feedback*/
.feedback {float:right;width:37%;}
.feedback .form {background-color:#fff;padding:11.83% 11.261%;}
.feedback h2 {font-size:24px;color:#333;font-weight:normal;line-height:1.35em;margin-bottom:10.17%;}
.feedback .item {margin-bottom:5.814%;}
.feedback .text {background-color:#f5f5f5;font-size:16px;height:24px;line-height:24px;padding:13px 5%;width:90%;font-family:'Microsoft Yahei';color:#555;}
.feedback textarea.text {height:76px;}
.feedback .submit {background-color:#e62129;color:#fff;text-align:center;width:100%;display:block;cursor:pointer;-webkit-appearance:none;appearance:none;height:50px;font-size:16px;}
.feedback .submit:hover {opacity:.85;}
/*contact*/
.contact {float:left;width:52%;padding-right:11%;}
.contact .info {border-bottom:1px solid #eee;overflow:hidden;padding-bottom:5.609%;margin-bottom:10.577%;}
.contact .info h2 {font-size:16px;color:#e62129;font-weight:normal;line-height:1.35em;padding-left:23px;background:no-repeat left center;margin-bottom:2.404%;}
.contact .info h2.addr {background-image:url(../images/icon_addr.png);}
.contact .info h2.sve {background-image:url(../images/icon_sve.png);}
.contact .info h2.biz {background-image:url(../images/icon_biz.png);}
.contact .info p {font-size:18px;color:#424242;line-height:1.55em;}
.contact .info p i {font:normal 30px/1.125em Oswald,Tahoma;}
.contact .address {margin-bottom:8.013%;}
.contact .tel {float:left;width:48%;padding-right:2%;padding-bottom:2%;}
.contact .tel h2 {margin-bottom: 4.808%;}
/*follow*/
.follow {overflow:hidden;}
.follow ul {width:117%;overflow:hidden;}
.follow li {float:left;width:19%;padding-right:14%;}
.follow li .qrcode {background-color:#fff;border:1px solid #ececec;}
.follow li img {display:block;width:100%;height:auto;}
.follow li .icon span {display:block;width:34.285%;padding-bottom:34.285%;background:no-repeat center center;background-size:contain;margin:7px auto 0;}
.follow li .icon .wx {background-image:url(../images/follow_wx.png);}
.follow li .icon .wb {background-image:url(../images/follow_wb.png);}
.follow li .icon .dy {background-image:url(../images/follow_dy.png);}
/*mapBox*/.mapBox {padding-bottom:50%;border:1px solid #ddd;position:relative;}
.mapBox #allmap {position:absolute;left:0;top:0;width:100%;height:100%;}
.mapBox .BMapLib_nav_tab_content {padding:0 10px;}
.mapBox strong {font-size:14px;color:#666;padding:2px 10px;}
.mapBox p {color:#4d4d4d;padding:7.5px 10px;font-size:12px;line-height:1.5em;}
/*cooperation*/
.cooperation {background-color:#fff;padding:6.25% 0;}
.cooperation .form {width:760px;margin:0 auto;}
.cooperation .item {overflow:hidden;margin-bottom:4.605%;}
.cooperation .left {float:left;width:45%;}
.cooperation .right {float:right;width:45%;}
.cooperation label {display:block;font-size:16px;color:#ccc;line-height:1.5em;margin-bottom:3px;}
.cooperation .text {background-color:#f5f5f5;font-size:16px;height:24px;line-height:24px;padding:13px 5%;width:90%;font-family:'Microsoft Yahei';color:#555;}
.cooperation textarea.text {height:76px;width:95%;padding:13px 2.5%;}
.cooperation .submit {background-color:#e62129;color:#fff;width:180px;display:block;margin:0 auto;cursor:pointer;-webkit-appearance:none;appearance:none;height:50px;font-size:16px;}
.cooperation .submit:hover {opacity:.85;}


.cooperations{position: relative;width: 100%;padding-bottom: 41.667%; background-repeat: no-repeat; background-position: top center;background-size: contain}
.cooperations .call{     box-shadow: 0 3px 15px 0 rgba(230,33,41,0.3);    box-sizing: border-box; padding-left: 106px; font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 54px;color: #ffffff; position: absolute;right: 6.66%;top:57.6%;display: block;	width: 240px;height: 54px;line-height: 54px; background: url("../images/swhz_btn_bg.png") repeat center center #e62129;border-radius: 27px;border: solid 1px #fdb639;}
.cooperations .call::after{content:"";display: block; width: 33px;height: 33px;position: absolute;top: 0;bottom: 0;left: 50px;background: url("../images/swhz_btn.png") no-repeat center center;background-size: contain;margin: auto;}

@media (max-width: 640px) {
  .cooperations .call::after{height: 16px;width: 16px;left: 25px;}
  .cooperations .call{    height: 27px;line-height: 27px;font-size: 12px;width: 120px;padding-left: 53px;}
}

/*singlePage*/
.singlePage {background-color:#fff;padding:4.58% 5% 2.5%;margin-bottom:4.167%;}
/*newsDetails*/
.newsDetails {background-color:#fff;padding:4.58% 5% 2.5%;margin-bottom:4.167%;}
.newsDetails .title {font-size:24px;font-weight:normal;color:#000;line-height:1.5em;text-align:center;margin-bottom:5px;}
.newsDetails .meta {font-size:0;text-align:center;line-height:normal;border-bottom:1px solid #eee;margin-bottom:4.815%;padding-bottom:2.778%;}
.newsDetails .meta span {display:inline-block;padding:0 5px;font-size:18px;color:#ccc;line-height:1.65em;}
.entry {font-size:16px;color:#666;line-height:1.875em;overflow:hidden;}
.entry p {margin-bottom:1.259%;}
.entry img {max-width:100%;height:auto; display:block; margin:auto}
.entry h3 {font-size:18px;color:#e62129;line-height:1.65em;margin-bottom:1.389%;}
.newsbtm {overflow:hidden;}
.backList {float:right;padding:2px 0;}
.backList a {color:#999;font-size:16px;line-height:1.875em;background:url(../images/icon_back.png) no-repeat left center;padding-left:30px;}
.backList a:hover {color:#e62129;}
.postnavi {font-size:16px;color:#999;line-height:1.875em;margin-right:110px;}
.postnavi p {background:no-repeat left center;padding:2px 0 2px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.postnavi .prev {background-image:url(../images/icon_prev.png);}
.postnavi .next {background-image:url(../images/icon_next.png);}
.postnavi a {color:#999;}
.postnavi a:hover {color:#e62129;}
/*category*/
.category {display:table;table-layout:fixed;width:100%;margin-bottom:3.333%;}
.category .cat {display:table-cell;vertical-align:middle;width:320px;}
.category ul {overflow:hidden;}
.category li {float:left;font-size:24px;line-height:1.165em;padding-right:60px;}
.category li a {display:block;position:relative;}
.category li a:after {width:100%;height:6px;background-color:#e62129;content:'';display:block;position:absolute;left:0;bottom:1px;display:none;}
.category li i {font-style:normal;display:block;position:relative;z-index:1;}
.category li.cur a:after {display:block;}
.category .line {display:table-cell;vertical-align:middle;}
.category .line span {display:block;width:100%;height:1px;background-color:#ddd;}
/*style*/
.videoList ul {overflow:hidden;width:103%;margin-bottom:3.5%;}
.videoList li {float:left;width:31%;padding-right:2%;padding-bottom:3%;}
.videoList li .cover {overflow:hidden;position:relative;margin-bottom:15px;}
.videoList li span {padding-bottom:69.948%;background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
.videoList li .play {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(183,13,20,0.6);opacity:0;transition:all .3s;}
.videoList li .play i {display:block;width:17.494%;padding-bottom:17.494%;background:url(../images/icon_play.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-8.747% 0 0 -8.747%;}
.videoList li h2 {font-size:18px;font-weight:normal;line-height:1.55em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.videoList li a {display:block;overflow:hidden;color:#525252;transition:all .3s;}
.videoList li a:hover {color:#e62129;}
.videoList li a:hover span {transform:scale(1.1);}
.videoList li a:hover .play {opacity:1;}
/*pgTop*/
.pgTop {overflow:hidden;margin-bottom:1.667%;}
.pgTop h2 {font-size:18px;color:#424242;line-height:1.5em;padding:6.5px 0;float:left;}
/*proSearch*/
.proSearch {float:right;width:250px;}
.proSearch .form {background-color:#ededed;border:1px solid #e5e5e5;border-radius:20px;overflow:hidden;padding-right:45px;position:relative;}
.proSearch .text {height:24px;line-height:24px;padding:7px 0;width:100%;font-size:14px;color:#424242;text-indent:20px;}
.proSearch .button {width:40px;height:100%;display:block;position:absolute;right:5px;top:0;background:url(../images/icon_02.png) no-repeat center center;}
/*filter*/
.filter {background-color:#fff;margin-bottom:2.5%;}
.filter .item {display:table;table-layout:fixed;width:100%;font-size:16px;line-height:1.5em;}
.filter .item span {display:block;padding:11px 0;}
.filter .left {display:table-cell;vertical-align:top;width:10.834%;background-color:#e62129;color:#fff;text-align:center;padding:6px 5px;}
.filter .right {padding:6px 5%;overflow:hidden;}
.filter .right span {display:block;float:left;width:14.285%;}
.filter .right span a {margin-right:5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#999;}
.filter .right span a:hover {color:#e62129;}
.filter .right .cur {font-weight:bold;}
.filter .right .cur a {color:#dd0314;}
.filter .series .right {border-top:1px solid #f5f5f5;}
.filter .series .left {border-top:1px solid #ee646a;background:#e62129 url(../images/bg_filter.png) no-repeat center bottom;background-size:100% auto;}
/*proList*/
.proList {width:102%;margin-bottom:4.583%;}
.proItem {width:25%;text-align:center;float:left;}
.proItem .top {overflow:hidden;}
.proItem .box {margin:24px;padding:12.5% 0;overflow:hidden;}
.proItem .pic {overflow:hidden;padding:0 9.9%;margin-bottom:10.7%;}
.proItem .pic span {display:block;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.proItem .info {padding:5px;}
.proItem h2 {font-size:16px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3.7%;}
.proItem p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#999;line-height:1.285em;}
.proItem .more {width:24.37%;padding-bottom:24.37%;background:url(../images/icon_03.png) no-repeat center center;background-size:contain;position:absolute;left:50%;bottom:0;margin-bottom:-6.2%;margin-left:-12.185%;display:none;}
.proItem a {display:block;margin-left:-7.8%;color:#424242;background:url(../images/bg_pro.png) no-repeat center center;background-size:100% 100%;position:relative;}
.proItem a:hover {background-image:url(../images/bg_pro_hover.png);}
.proItem a:hover .more {display:block;}
/*productTop*/
.productTop {display:table;table-layout:fixed;width:100%;margin-bottom:5%;}
.proPic {display:table-cell;width:50%;background-color:#fff;vertical-align:top;}
.curPic {padding-top:12.5%;padding-bottom:10px;background:no-repeat center center;background-size:contain;}
.curPic .item {display:none;}
.curPic .item span {width:66.667%;padding-bottom:66.667%;display:block;background:no-repeat center center;background-size:contain;margin:0 auto;}
.curPic .load {width:66.667%;padding-bottom:66.667%;margin:0 auto;}
.picList {width:300px;margin:0 auto 6.25%;position:relative;padding:0 60px;}
.picList #picList {position:static;}
.picList .item .pic {margin:0 10px;border:1px solid #eee;background-color:#fff;padding:1px;}
.picList .item span {padding-bottom:100%;display:block;background:no-repeat center center;background-size:contain;margin:0 auto;}
.picList .slick-current .pic {border:2px solid #e62129;padding:0;}
.picList .slick-arrow {position:absolute;top:50%;width:30px;height:30px;background:no-repeat 0 0;background-size:100% auto;margin-top:-15px;display:block;font-size:0;text-indent:-99999em;border:none;cursor:pointer;z-index:5;}
.picList .slick-arrow:hover {background-position:0 100%;}
.picList .slick-prev {left:0;background-image:url(../images/pro_prev.png);}
.picList .slick-next {right:0;background-image:url(../images/pro_next.png);}
.picList .slick-disabled {opacity:.3;cursor:default;}
.picList .slick-disabled:hover {background-position:0 0;}
.proInfo {display:table-cell;width:50%;vertical-align:middle;background:#f8f8f8 url(../images/bg_proinfo.png) no-repeat center bottom;background-size:100% auto;padding:3.125% 9.375%;position:relative;}
.proInfo .back {position:absolute;right:4.126%;top:0;margin-top:3.645%;}
.proInfo .back a {display:block;font-size:14px;color:#999;padding-left:20px;line-height:1.35em;background:url(../images/icon_back.png) no-repeat left center;background-size:auto 12px;}
.proInfo .info {margin-top:25px;}
.proInfo h2 {font-size:42px;color:#dd0314;line-height:1.35em;margin-bottom:2.521%;}
.proInfo .intro {font-size:18px;color:#999;line-height:1.5em;}
.proInfo .meta {overflow:hidden;border-bottom:1px solid #ddd;padding-top:8.4%;padding-bottom:9.244%;clear:both;}
.proInfo .meta i {font-style:normal;position:relative;}
.proInfo .meta i:after {width:1px;height:16px;background-color:#ddd;content:'';display:block;position:absolute;left:115%;top:50%;margin-top:-8px;}
.proInfo .meta span {display:block;float:left;font-size:18px;color:#424242;line-height:1.75em;background:no-repeat left center;padding-left:20px;padding-right:8%;position:relative;}
.proInfo .meta span:last-child {padding-right:0;}
.proInfo .meta span:last-child i:after {display:none;}
.proInfo .meta .type {background-image:url(../images/icon_04.png);}
.proInfo .meta .vol {padding-left:23px;background-image:url(../images/icon_05.png);}
.proInfo .meta .net {padding-left:16px;background-image:url(../images/icon_06.png);}
.proInfo .desc {margin-top:9.244%; text-align:justify;}
.proInfo .desc h3 {font-size:18px;color:#424242;line-height:1.35em;margin-bottom:2.521%;}
.proInfo .desc p {font-size:18px;color:#999;line-height:2em;}
.proInfo .buy {margin-top:17.647%;font-size:0;line-height:normal;}
.proInfo .buy span {display:inline-block;font-size:18px;color:#424242;font-weight:bold;line-height:50px;}
.proInfo .buy a {display:block;width:58px;height:58px;background:no-repeat center center;background-size:contain;text-indent:-99999em;}
.proInfo .buy .tm a {background-image:url(../images/buy_tm.png);}
.proInfo .buy .jd a {background-image:url(../images/buy_jd.png);}
/*productBtm*/
.productBtm {overflow:hidden;margin-bottom:7.292%;}
/*proSide*/
.proSide {width:100%;float:right;background-color:#fff;}
.proSide h3 {font-size:18px;color:#fff;font-weight:normal;background-color:#e62129;line-height:1.35em;text-align:center;padding:23px 5px;}
.proSide ul {padding:10px;position: relative;}
.proSide ul:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.proSide li {margin-bottom:5%;width: 25%;float: left;}
.proSide li a {display:block;overflow:hidden;color:#424242;}
.proSide li a:hover {color:#e62129;}
.proSide li a:hover span {transform:scale(1.05);}
.proSide li .pic {background:url(../images/bg_side.png) no-repeat center center;background-size:contain;padding:9.26%;margin-bottom:7.3%;}
.proSide li .pic span {padding-bottom:100%;display:block;background:no-repeat center center;background-size:contain;transition:all .3s;}
.proSide li .title {text-align:center;}
.proSide li h4 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.5em;margin-bottom:5px;}
.proSide li p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#999;line-height:1.5em;}
/*proIntro*/
.proIntro {float:left;width:100%;}
.proIntro .box {background-color:#fff;margin-bottom:6.112%;}
.proIntro .title {font-weight:normal;font-size:18px;color:#e62129;line-height:30px;text-align:center;border-bottom:1px solid #eee;padding:20px 15px;}
.proIntro .title span {display:inline-block;position:relative;}
.proIntro .title span:before,.proIntro .title span:after {width:14px;height:25px;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;margin-top:-12.5px;}
.proIntro .title span:before {background-image:url(../images/icon_07.png);right:130%;}
.proIntro .title span:after {background-image:url(../images/icon_08.png);left:130%;}
.proIntro .entry {padding:5.556%;overflow:hidden;}
.proIntro .entry p {margin-bottom:0;}
/*backtop*/.backtop {clear:both;width:100%;padding-top: 5%;}
.backtop a {display:block;width:131px;height:50px;background:url(../images/btn_red.png) no-repeat 0 0;background-size:100% auto;margin:0 auto;color:#fff;font-size:16px;text-align:center;line-height:50px;position: relative; transition:background 0.3s;}
.backtop a:hover {/*background-position:0 100%; */color:#e62129;background: none;}
.backtop i {font-style:normal;background:url(../images/icon_09.png) no-repeat right center;padding-right:20px;position: relative; z-index: 3;}
.backtop a:hover i{background-image:url(../images/icon_09_on.png)}

.backtop a:before,
.backtop a:after{position: absolute; content: '';width: 100%;height: 0; left: 0;background:url(../images/btn_red.png) no-repeat 0 -50px; transition: 0.5s; opacity: 0;}
.backtop a:before{top: 0;}
.backtop a:after{bottom:0;background-position:0 bottom; }
.backtop a:hover:before,
.backtop a:hover:after{height: 50%;opacity: 1;}

/*newsTop*/
.newsTop {position:relative;z-index:1;}
.newsTop .item {display:none;}
.newsTop .pic {float:left;width:56.667%;overflow:hidden;box-shadow:0px 0px 30px rgba(0,0,0,0.2);}
.newsTop .pic a {display:block;overflow:hidden;padding-bottom:66.178%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.newsTop .pic a:hover {transform:scale(1.1);}
.newsTop .info {padding:3.75% 0 2.5% 6.667%;width:36.666%;float:right;}
.newsTop time {font-size:18px;color:#de041d;font-weight:bold;margin-bottom:8.181%;display:block;font-family:'DIN';}
.newsTop h2 {font-size:24px;color:#000;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25em;margin-bottom:4.545%;}
.newsTop h2 a {color:#000;}
.newsTop h2 a:hover, .newsTop .more a:hover {color:#e62129;}
.newsTop p {font-size:16px;color:#999;line-height:1.75em;height:5.25em;overflow:hidden;}
.newsTop .more {display:block;font-size:14px;color:#999;overflow:hidden;margin-top:10%;margin-bottom:10px;}
.newsTop .more a {display:block; font-style:normal;float:left;position:relative;padding-right:95px; color:#999;}
.newsTop .more a:after {width:80px;height:1px;background-color:#ddd;content:'';display:block;position:absolute;right:0;top:50%;margin-top:-0.5px;}
.newsTop .more a:hover:after {background-color:#e62129;}
.newsTop .slick-list {overflow:visible;}
.newsTop .slick-dots {position:absolute;width:36.666%;padding-left:6.667%;right:0;bottom:0;overflow:hidden;margin-bottom:2.5%;}
.newsTop .slick-dots li {float:left;}
.newsTop .slick-dots button {display:block;text-indent:-9999em;border:2px solid #ddd;width:10px;height:10px;background-color:#ddd;border-radius:50%;margin-right:20px;cursor:pointer;font-size:0;}
.newsTop .slick-dots .slick-active button {border-color:#e62129;background-color:#fff;}
.newsTop .load {padding-bottom:37.5%;}
/*newsList*/
.newsList .inner {width:1290px;overflow:hidden;}
.newsBox.bg {padding-top:4.427%;position:relative;margin-top:-4.427%;}
.newsBox.bg:before {width:87.5%;height:100%;background:url(../images/bg_newsbox.png) no-repeat center center;background-size:cover;content:'';display:block;position:absolute;right:0;top:0;}
/*newsItem*/
.newsItem {float:left;width:33.333%;padding:65px 0;}
.newsItem time {display:block;font:14px/2em 'DIN';color:#e62129;margin-bottom:1.786%;}
.newsItem h2 {font-size:18px;font-weight:normal;line-height:1.55em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6.548%;}
.newsItem .pic {overflow:hidden;margin-bottom:6.548%;}
.newsItem .pic span {padding-bottom:66.066%;display:block;overflow:hidden;background:no-repeat center center;background-size:cover;}
.newsItem .intro {font-size:14px;color:#999;line-height:1.75em;height:5.25em;overflow:hidden;}
.newsItem .more {font-size:14px;color:#999;overflow:hidden;color:#ccc;line-height:2em;margin-top:7.44%;}
.newsItem .more span {font-style:normal;float:left;position:relative;padding-right:95px;}
.newsItem .more span:after {width:80px;height:1px;background-color:#ddd;content:'';display:block;position:absolute;right:0;top:50%;margin-top:-0.5px;}
.newsItem i {display:block;width:18px;height:18px;background:no-repeat center center;background-size:contain;position:absolute;display:none;}
.newsItem i.topLeft {left:8px;top:8px;background-image:url(../images/news_01.png);}
.newsItem i.topRight {right:8px;top:8px;background-image:url(../images/news_02.png);}
.newsItem i.btmLeft {left:8px;bottom:11px;background-image:url(../images/news_03.png);}
.newsItem i.btmRight {right:8px;bottom:11px;background-image:url(../images/news_04.png);}
.newsItem .box {position:relative;z-index:1;padding:32px 27px;}
.newsItem a {display:block;color:#333;margin:20px;position:relative;overflow:hidden;}
.newsItem a:before {width:100%;height:100%;background-color:#fff;content:'';display:block;position:absolute;left:0;top:0;display:none;}
.newsItem a:after {width:100%;height:4px;background-color:#e62129;content:'';display:block;position:absolute;left:0;bottom:0;display:none;}
.newsItem a:hover {box-shadow:0px 0px 20px rgba(0,0,0,0.05);}
.newsItem a:hover i {display:block;}
.newsItem a:hover:before,.newsItem a:hover:after {display:block;}

.newsList-zj .newsItem{padding-top: 0;}

/*usepage*/
.usepage .blank {display:none;}
.section {background:no-repeat center center;background-size:cover;}
.section .inner1600,.section .inner {padding-top:80px;}
.section .footer .inner {padding-top:0;}
/*readmore*/
.readmore a {display:block;width:131px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;background:url(../images/btn_red.png) no-repeat 0 0;background-size:100% auto;position: relative;transition: 0.3s;}
.readmore a:hover {background-image: none; color:#e62129;}
.readmore i {font-style:normal;font-family:'Simsun';margin-left:8px;}
.readmore span{position: relative;  z-index: 10;}

.readmore a:after,
.readmore a:before{z-index: 0;content: ''; position: absolute;top: 0; width: 0; height: 100%;background-image:url(../images/btn_white.png);  transition: 0.3s;opacity: 0;}
.readmore a:before{ left: 0; background-position: left 0;}
.readmore a:after{ right: 0; background-position: right 0;}
.readmore a:hover:after,
.readmore a:hover:before{width: 50%;opacity: 1;}

/*shiPage*/
.shiVideo {position:relative;text-align:center;overflow:hidden;}
.shiVideo:before {width:100%;height:100%;background-color:rgba(0,0,0,0.3);content:'';display:block;position:absolute;left:0;top:0;}
.shiVideo a {display:block;overflow:hidden;position:absolute;left:0;top:0;width:93.75%;height:100%;padding:0 3.125%;color:#fff;display:table;}
.shiVideo .inner1600 {display:table-cell;vertical-align:middle;}
.shiVideo h2 {font-size:60px;line-height:1.125em;margin-bottom:1.667%;}
.shiVideo .intro {font-size:24px;line-height:1.35em;margin-bottom:2.917%;}
.shiVideo .btn {width:48px;margin:0 auto;}
.shiVideo .btn i {padding-bottom:87.5%;background:url(../images/icon_10.png) no-repeat center center;background-size:contain;display:block;transition:all .3s;}
.shiVideo .btn:hover i {transform:scale(0.8);}
/*shiWinery*/
.shiWinery {background-image:url(../images/bg_shiwinery.jpg);overflow:hidden;}
.shiWinery .inner1600 {display:table;table-layout:fixed;}
.shiWinery .right {display:table-cell;vertical-align:middle;padding-right:12.25%;}
.shiWinery .slides {margin-bottom:4px;padding-left:4px;}
.shiWinery .slides .load {padding-bottom:66.667%;}
.shiWinery .slides .item {display:none;}
.shiWinery .slides .pic {padding-bottom:66.667%;background:no-repeat center center;background-size:cover;}
.shiWinery .slides .text {position:absolute;left:6.6%;bottom:2.167%;z-index:2;width:86.8%;overflow:hidden;}
.shiWinery .slides h3 {font-size:30px;font-weight:normal;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2.176%;}
.shiWinery .slides p {font-size:16px;line-height:1.875em;overflow:hidden;}
.shiWinery .slides span {float:right;font-size:14px;line-height:2em;background:url(../images/icon_11.png) no-repeat right center;padding-right:10px;}
.shiWinery .slides a {display:block;overflow:hidden;position:relative;color:#fff; cursor: default;}
.shiWinery .slides a:before {background:url(../images/bg_text.png) no-repeat center bottom;background-size:100% 60%;content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:1;}

.shiWinery .list .pic {margin:4px;position:relative;cursor:pointer;}
.shiWinery .list i {display:none;}
.shiWinery .list .v:before,.shiWinery .list .v:after {width:3px;height:100%;background-color:#e62129;content:'';display:block;position:absolute;left:0;top:0;}
.shiWinery .list .v:after {left:auto;right:0;}
.shiWinery .list .h:before,.shiWinery .list .h:after {width:100%;height:3px;background-color:#e62129;content:'';display:block;position:absolute;left:0;top:0;}
.shiWinery .list .h:after {top:auto;bottom:0;}
.shiWinery .list span {display:block;overflow:hidden;padding-bottom:66.667%;background:no-repeat center center;background-size:cover;position:relative;}
.shiWinery .list .slick-current i {display:block;}
.shiWinery .slidesBox {position:relative; display: none;}
.shiWinery .slick-slider {position:static;}
.shiWinery .slick-arrow {width:40px;height:40px;border:none;border-radius:50%;background:rgba(0,0,0,0.3) no-repeat center center;background-size:contain;cursor:pointer;position:absolute;top:43%;margin-top:-40px;text-indent:-99999em;z-index:1;}
.shiWinery .slick-arrow:hover {background-color:#000;}
.shiWinery .slick-prev {left:3.33%;background-image:url(../images/icon_12.png);}
.shiWinery .slick-next {right:3.33%;background-image:url(../images/icon_13.png);}
.shiWinery .intro {display:table-cell;vertical-align:middle;width:490px;}
.shiWinery .intro .cont {overflow:hidden;padding-right:5%;}
.shiWinery .intro h2 {font-family:'Pangmenzhengdao';font-size:160px;line-height:120px;color:#000;padding-left:50px;overflow:hidden; font-weight: normal;}
.shiWinery .intro h2 span {font-size:90px;}
.shiWinery .intro h3 { font-weight: normal;font-family:'Pangmenzhengdao';color:#000;line-height:1em;font-size:68px;display:inline-block;vertical-align:top;}
.shiWinery .intro p {font-size:16px;color:#999;line-height:1.5em;display:inline-block;vertical-align:top;margin-left:33px;position:relative;padding:10px 0 19px;}
.shiWinery .intro p:after {width:31px;height:3px;background-color:#e62129;content:'';display:block;position:absolute;left:0;bottom:0;}
.shiWinery .tab {margin:10% auto 0;width:176px;}
.shiWinery .tab li {padding:2.5% 0;}
.shiWinery .tab a {display:block; padding-bottom:38.637%;overflow:hidden;text-align:center;background:url(../images/btn_tab.png) no-repeat 0 0;background-size:100% auto;color:#ef3140;font-size:18px;position:relative;}
.shiWinery .tab span {display: block; position:absolute; left:0; top:47%; width:100%; transform:translateY(-50%);}
.shiWinery .tab i {display:inline-block;vertical-align:middle;width:36px; height:36px; background:no-repeat 0 0;background-size:100% auto;margin-top:-5px; margin-right:5px;}
.shiWinery .tab .cur a,.shiWinery .tab a:hover {background-position:0 100%;color:#f6c97a;}
.shiWinery .tab .cur a i,.shiWinery .tab a:hover i {background-position:0 100%;}
.shiWinery .btm {display: none;}

/*pinpai*/
.pinpai {overflow:hidden;}
.pinpai .inner1600 {display:table;table-layout:fixed;}
.pinpai .right {display:table-cell;vertical-align:middle;padding-left:3%;}
.pinpai .right img{max-width: 100%}
.pinpai .intro {display:table-cell;vertical-align:middle;width:555px;}
.pinpai .intro .cont {overflow:hidden;padding-right:5%;}
.pinpai .intro h2 {font-family:'Pangmenzhengdao';font-size:160px;line-height:130px;color:#000;padding-left:50px;overflow:hidden; font-weight: normal;}
.pinpai .intro h2 span {font-size:90px;}
.pinpai .intro h3 { font-weight: normal;font-family:'Pangmenzhengdao';color:#000;line-height:1em;font-size:68px;display:inline-block;vertical-align:top;}
.pinpai .intro .cont .txt_red_line{font-size:16px;color:#999999;line-height:30px;display:inline-block;vertical-align:top;;position:relative;}
.pinpai .into{font-size:16px;color:#333;line-height:30px;display:inline-block;vertical-align:top;position:relative;padding:30px 0 0px;max-height: 240px;overflow: hidden;}
.pinpai .into p{padding:10px 0 15px;}
.pinpai .readmore{margin-left: 40px; margin-top: 10%;}
@media(max-width:1024px){
  .pinpai .into{margin-left:0px;}
  .pinpai .readmore{margin-left: 0!important;}
}
/*jianzheng*/
.jianzheng {overflow:hidden;}
.jianzheng .inner1600 {display:table;table-layout:fixed;}
.jianzheng .intro {display:table-cell;vertical-align:middle;width:585px;}
.jianzheng .intro .cont {overflow:hidden;padding-right:5%;}
.jianzheng .intro h2 {font-family:'Pangmenzhengdao';font-size:160px;line-height:160px;color:#fff;padding-left:50px;overflow:hidden; font-weight: normal;margin-bottom: -20px}
.jianzheng .intro h2 span {font-size:90px;}
.jianzheng .intro h3 { font-weight: normal;font-family:'Pangmenzhengdao';color:#fff;line-height:1em;font-size:68px;display:inline-block;vertical-align:top;}
.jianzheng .intro .cont .txt_red_line{display:inline-block;}
.jianzheng .intro .cont p {font-size:16px;color:#999999;line-height:24px;vertical-align:top;position:relative;padding:10px 0 0px;}
.jianzheng .into{font-size:16px;color:#999999;line-height:30px;display:inline-block;vertical-align:top;position:relative;padding:30px 0 0px;}
.jianzheng .right {display:table-cell;vertical-align:middle;padding-left:9%;max-width: 760px}
.jianzheng .right img{max-width: 100%}

.jianzheng .left{}
.jianzheng .left .slick-arrow{ cursor:pointer; padding:0; border:none; background:rgba(256,256,256,0.74); background-color: transparent; font-size:0; z-index:10; position:absolute;bottom:0%;top: 0; width:90px; height:90px; left:0px; margin: auto;}
.jianzheng .left .slick-arrow:hover{ background:#e62129;}
.jianzheng .left .slick-arrow::before{ width:24px; height:24px; border-right:3px solid #fff;border-top:3px solid #fff; position:absolute; content:''; top:50%; left:50%; margin-left:-20px; margin-top:-13px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
/*.jianzheng .left .slick-prev{margin-bottom: -120px}*/
/*.jianzheng .left .slick-next{margin-bottom: -120px;left: 91px}*/
.jianzheng .left .slick-next{left: auto;right: 0;}
.jianzheng .left .slick-prev::before{margin-left:-8px;transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.jianzheng .slider-for li img{ display:block; width:100%;}
.jianzheng .slider-nav{ max-width:760px; margin:30px 0 0;}
.jianzheng .slider-nav li{ cursor:pointer; padding-left:10px;}
.jianzheng .slider-nav li aside{position:relative;height: 90px;background-size: cover;background-repeat: no-repeat;background-position: center}
@media(min-width:1025px){
.jianzheng .left{max-width: 760px;}
}
@media(max-width:1024px){
.jianzheng .intro h2 {margin-bottom:0px}
.jianzheng .into{margin-left:0px;}
.jianzheng .right {padding-left:0%;max-width:auto}
.jianzheng .left .slick-arrow{display: none!important}
.jianzheng .slider-nav li aside{position:relative;height: auto;padding-bottom: 85.67%;background-size: cover;background-repeat: no-repeat;background-position: center}
.jianzheng .slider-nav{ padding:0px; margin:0 auto;}
.jianzheng .slider-nav li{padding:10px 2px;}
}


.slick-slider {
 position: relative;
 display: block;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
 touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
 position: relative;
 z-index: 1;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.slick-list: focus {
 outline: none
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track, 
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
}
.slick-track:before, 
.slick-track:after {
 display: table;
 content: '';
}
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}
.slick-slide {
 display: none;
 float: left;
 min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
 float: right;
}
.slick-slide .slick-loading img {
 display: none;
}
.slick-slide .dragging img {
 pointer-events: none;
}
.slick-initialized .slick-slide {
 display: block;
}
.slick-loading .slick-slide {
 visibility: hidden;
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
 display: none;
}


/*shiHonor*/
.shiHonor {overflow:hidden;}
/*honorTop*/
.shiHonorTop {display:table;table-layout:fixed;width:100%;color:#fff; margin-top: 5%;}
.shiHonorTop .td {display:table-cell;vertical-align:middle;}
.shiHonorTop .left {width:30%;padding-right:2.703%;}
.shiHonorTop .title {float:right;position:relative;padding-bottom:22px;}
.shiHonorTop .title span {font-family:'Pangmenzhengdao';}
.shiHonorTop .large {font-size:160px;display:block;line-height:0.9em;}
.shiHonorTop .small {font-size:68px;line-height:1em;display:inline-block;vertical-align:bottom;}
.shiHonorTop .txt_red_line{display:inline-block;vertical-align:bottom;color:#fff;color:rgba(255,255,255,0.3);line-height:1.5em;padding-left:10px;}
.shiHonorTop .right {width:50%;padding-left:2.5%; border-left:1px solid rgba(255,255,255,0.1);}
.shiHonorTop .list {display: none;}
.shiHonorTop .istop {display: block;}
.shiHonorTop ul { max-width: 750px; position: relative;}
.shiHonorTop li {}
.shiHonorTop li figure{ position: relative; padding-top: 70%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.shiHonorTop .slick-arrow{ cursor:pointer; padding:0; border:none; background:rgba(256,256,256,0.74); background-color: transparent; font-size:0; z-index:10; position:absolute;bottom:0%;top: 0; width:90px; height:90px; left:0px; margin: auto;}
.shiHonorTop .slick-arrow:hover{ background:#e62129;}
.shiHonorTop .slick-arrow::before{ width:24px; height:24px; border-right:3px solid #fff;border-top:3px solid #fff; position:absolute; content:''; top:50%; left:50%; margin-left:-20px; margin-top:-13px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.shiHonorTop .slick-next{left: auto;right: 0;}
.shiHonorTop .slick-prev::before{margin-left:-8px;transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
  /*shiHonorBtm*/
.shiHonorBtm {color:#fff;margin-top:7.5%;}
.shiHonorBtm .item {position:relative;cursor:pointer;background:url(../images/bg_line.png) repeat-x left 4.5px; display: none;outline:none;}
.shiHonorBtm .info {position:absolute;width:200%;background-color:#e62129;bottom:100%;left:-50%;margin-bottom:27%;display:none;}
.shiHonorBtm .info:after {border-top:7px solid #e62129;border-left:7px solid transparent;border-right:7px solid transparent;content:'';display:block;position:absolute;top:100%;left:50%;margin-left:-7px;}
.shiHonorBtm .info p {font-size:14px;line-height:1.75em;overflow:hidden;padding:13px 15px; text-align: justify;}
.shiHonorBtm .dot {width:10px;height:10px;padding:6px;border-radius:50%;background-color:rgba(255,255,255,0.1);margin:0 auto 5px;}
.shiHonorBtm .dot i {display:block;padding-bottom:100%;border-radius:50%;background-color:#fff;transition:all .3s;}
.shiHonorBtm .year {color:rgba(255,255,255,0.2);font-size:18px;line-height:2em;text-align:center;transition:all .3s;}
.shiHonorBtm .slick-initialized .item {display: block;}
.shiHonorBtm .slick-slide {opacity:0;transition:opacity .3s;}
.shiHonorBtm .slick-active {opacity:1;}
.shiHonorBtm .slick-list {overflow:visible;}
.shiHonorBtm .slick-arrow {width:20px;height:20px;background:rgba(255,255,255,0.1) no-repeat center center;background-size:contain;position:absolute;top:2px;border-radius:50%;cursor:pointer;border:none;text-indent:-99999em;z-index:2;}
.shiHonorBtm .slick-prev {right:100%;background-image:url(../images/icon_12.png);}
.shiHonorBtm .slick-next {left:100%;background-image:url(../images/icon_13.png);}
.shiHonorBtm .slick-current .info {display:block;}
.shiHonorBtm .slick-current .dot i {background-color:#e62129;}
.shiHonorBtm .slick-current .year {color:#fff;transform:scale(1.6);}
/*shiAbout*/
.txt_red_line{padding-left: 7.6%;}
.txt_red_line:after {width:31px;height:3px;background-color:#e62129;content:'';display:block; margin-top:30px;}
.shiAbout {background-image:url(../images/bg_about.jpg);overflow:hidden;}
.shiAbout .inner1600 {padding-left:8.3%;display:table;table-layout:fixed;width:100%;}
.shiAbout .info {width:31.25%;padding-right:7.292%;display:table-cell;vertical-align:top;}
.shiAbout .title {color:#000;padding-bottom:15px;margin-bottom:9.7%;}
.shiAbout .title span {font-family:'Pangmenzhengdao';}
.shiAbout .title .large {font-size:160px;display:block;line-height:0.9em;text-shadow:0px 0px 12px rgba(0,0,0,0.1);}
.shiAbout .title .small {font-size:68px;line-height:1em;display:inline-block;vertical-align:bottom;}
.shiAbout .title .txt_red_line {display:inline-block;vertical-align:bottom;color:#999;line-height:1.5em;padding-left:10px;position:relative;font-size:16px;}
.shiAbout .title .txt_red_line:after  { margin-top:10px;}
.shiAbout .intro {font-size:16px;color:#555;line-height:1.875em;max-height:13.125em;overflow:hidden;}
.shiAbout .readmore {margin-left:7.6%;margin-top:16.667%;}
.shiAbout .right {display:table-cell;vertical-align:middle;width:60.573%;}
.shiAbout .item {opacity:.5;transition:all .3s;display:none;}
.shiAbout .pic {margin-right:8.412%;}
.shiAbout .pic span {display:block;overflow:hidden;padding-bottom:63.637%;background:no-repeat center center;background-size:cover;}
.shiAbout .load {padding-bottom:48.276%;}
.shiAbout .slick-list {padding-right:17.197%;padding-bottom:5.173%;}
.shiAbout .slick-list:after {width:75.862%;padding-bottom:5.173%;background:url(../images/bg_shadow.png) no-repeat center bottom;background-size:100% auto;content:'';display:block;position:absolute;left:0;bottom:0;}
.shiAbout .slick-current {opacity:1;cursor:move;}
.shiAbout .slick-dots {margin-right:24.162%;font-size:0;line-height:normal;background-color:#ccc;overflow:hidden;border-radius:2.5px;}
.shiAbout .slick-dots li {float:left;}
.shiAbout .slick-dots button {display:block;height:5px;text-indent:-99999em;border:none;width:0;border-radius:2.5px;font-size:0;}
.shiAbout .slick-dots .slick-active button {width:100%;background-color:#e62129;transition:width .5s;}
/*about*/
.aboutpage { background:url(../images/bg_aboutpage.jpg) no-repeat center center; background-size:cover;}
.about {overflow: hidden;}
.about .title {text-align:center; position:relative; margin-bottom: 4.75%;}
.about .title:after {width:30px; height:3px; background-color: #e62129; content:''; display:block; margin:10px auto 0;}
.about .title h2{font-size:90px; color:#000; line-height: 1.125em; font-family: 'Pangmenzhengdao'; font-weight: normal;}
.about .title h3 {font-size:16px; color:#999; line-height: 1.5em; font-weight: normal;}
.about .entry {width:86%; margin:0 auto;}
.about .pic ul {width:103%; overflow: hidden;}
.about .pic li {float:left; width:47%; padding-right:3%; padding-top:3%;}
.about .pic span {display:block;overflow:hidden;padding-bottom:63.637%;background:no-repeat center center;background-size:cover;}
/*pageBan*/
.pageBan {margin-top:80px;background:no-repeat center center;background-size:cover;position:relative;}
.pageBan .pic {position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center; background-size:cover;}
.pageBan .wap {display: none;}
/*hmTitle*/
.hmTitle {text-align:center;margin-bottom:4.75%;}
.hmTitle h2 {font-family:'Pangmenzhengdao';font-size:48px;color:#424242;line-height:1.125em;margin-bottom:5px;}
.hmTitle span {display:inline-block;background:url(../images/icon_14.png) no-repeat 2px 6px;}
.hmTitle p {font-size:16px;color:#888;line-height:1.75em;letter-spacing:1em;}
/*hmShang*/
.hmShang {background-image:url(../images/bg_hmshang.jpg);overflow:hidden;padding:3.125% 0;}
.hmShang ul {width:102.5%;overflow:hidden;}
.hmShang li {width:47.5%;padding-right:2.5%;padding-bottom:2.5%;float:left;}
.hmShang li .info {position:absolute;left:4.274%;bottom:0;width:91.452%;margin-bottom:3.077%;transition:left .3s;}
.hmShang li h3 {font-size:24px;line-height:1.35em;margin-bottom:3px;}
.hmShang li p {font-size:18px;line-height:1.5em;}
.hmShang li a {background:no-repeat center center;background-size:cover;display:block;overflow:hidden;position:relative;color:#fff;}
.hmShang li a:hover .info {left:7%;width:86%;}
.hmShang .li1 a {padding-bottom:119.67%;}
.hmShang .li2 a {padding-bottom:57.2%;}
.hmShang .li3 a {padding-bottom:57.2%;}
/*hmChuan*/
.hmChuan {overflow:hidden;}
.hmChuan .hmTitle h2 {color:#fff;}
.hmChuan .hmTitle span {background-position:7px 6px;}
.hmChuan .hmTitle p {color:#fff;color:rgba(255,255,255,0.6);}
.hmChuan .item {display:none;}
.hmChuan .info {display:table-cell;vertical-align:middle;width:400px;}
.hmChuan .text {padding:2.5% 11.25% 2.5% 7.5%;}
.hmChuan .text span {display:block;width:120px;height:40px;line-height:40px;font-size:14px;color:#888;text-align:center;border-top:1px solid #bbb;border-bottom:1px solid #bbb;margin-top:14.462%;}
.hmChuan .text time {display:block;color:#e62129;font:18px/1.55em 'DIN';margin-bottom:5.539%;}
.hmChuan .text h3 {font-size:24px;line-height:1.35em; max-height:2.7em;overflow:hidden;font-weight:normal;margin-right:2em;margin-bottom:6.154%;}
.hmChuan .text p {font-size:16px;line-height:1.75em;color:#555;height:5.25em;overflow:hidden;}
.hmChuan .pic {display:table-cell;vertical-align:middle;overflow:hidden;}
.hmChuan .pic span {display:block;padding-bottom:55.883%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.hmChuan .item a {color:#000;width:90%;margin:0 auto;overflow:hidden;display:block;}
.hmChuan .item a:hover .text span {color:#e62129;border-color:#e62129;}
.hmChuan .item a:hover .pic span {transform:scale(1.1);}
.hmChuan .item .box {background-color:#fff;display:table; width:100%;}
.hmChuan .load {padding-bottom:38.333%;}
.hmChuan .readmore {margin-top:3.5%;}
.hmChuan .readmore a {margin:0 auto;}
.hmChuan .slick-slide {display:block;}
.hmChuan .slick-list {overflow:visible;}
.hmChuan .slick-dots {margin:6.25% 5% 0;font-size:0;line-height:normal;background-color:rgba(255,255,255,0.2);overflow:hidden;border-radius:2.5px;}
.hmChuan .slick-dots li {float:left;}
.hmChuan .slick-dots button {display:block;height:5px;text-indent:-99999em;font-size:0;border:none;width:0;border-radius:2.5px;}
.hmChuan .slick-dots .slick-active button {width:100%;background-color:#fff;transition:width .5s;}
.hmChuan .slick-arrow {display:block;width:84px;height:84px;background:url(../images/icon_15.png) no-repeat 0 0;background-size:100% auto;border:none;cursor:pointer;position:absolute;top:50%;margin-top:-3.125%;transform:translateY(-50%);z-index:2;text-indent:-99999em;font-size:0;}
.hmChuan .slick-arrow:hover {opacity:.85;}
.hmChuan .slick-prev {right:100%;margin-right:20px;}
.hmChuan .slick-next {left:100%;background-position:0 100%;margin-left:20px;}
/*hmProcess*/
.hmProcess {position:relative;z-index:2;overflow:hidden;background-color:#fff;}
.hmProcess .inner {padding-top:0;}
.hmProcess .pic {display:none;}
.hmProcess .pic:first-child {display:block;}
.hmProcess .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;}
.hmProcess .wap {display:none;}
.hmProcess .tab {font-size:0;line-height:normal;text-align:center;position:absolute;left:0;top:3.5%;margin-top:80px;width:100%;z-index:1;}
.hmProcess .tab span {display:inline-block;padding:0 2.5%;}
.hmProcess .tab a {display:block;overflow:hidden;width:176px;height:68px;line-height:60px;text-align:center;background:url(../images/btn_tab.png) no-repeat 0 0;background-size:100% auto;color:#ef3140;font-size:18px;}
.hmProcess .tab i {display:inline-block;vertical-align:middle;width:36px;height:36px;background:no-repeat 0 0;background-size:100% auto;margin-top:-5px;margin-right:5px;}
.hmProcess .tab .cur a,.hmProcess .tab a:hover {background-position:0 100%;color:#f6c97a;}
.hmProcess .tab .cur a i,.hmProcess .tab a:hover i {background-position:0 100%;}
.hmProcess .box {margin:148px 0;padding:2.5% 0;}
.hmProcess .box .inner {display:none;}
.hmProcess .box .inner:first-child {display:block;}
.hmProcess .infoBox {position:relative;z-index:1;display:none;}
.hmProcess .info {width:400px;}
.hmProcess h2 {font-size:30px;color:#dd0314;line-height:1.35em;margin-bottom:6.25%;}
.hmProcess .intro {font-size:16px;color:#555;line-height:1.875em;max-height:11.25em;overflow:hidden;margin-bottom:12.5%;text-align:justify;}
.hmProcess .step {text-align:center;color:#fff;cursor:pointer;outline: none;}
.hmProcess .step .num {font:18px/1.125em 'Oswald','DIN';font-weight:bold;visibility:hidden;}
.hmProcess .step .title {font-size:16px;line-height:1.875em;visibility:hidden;}
.hmProcess .step .dot {position:relative;margin:18px auto 12px;}
.hmProcess .step .dot:before {width:100%;height:1px;background:url(../images/icon_19.png) repeat-x left center;content:'';display:block;position:absolute;left:50%;top:50%;margin-top:-0.5px;}
.hmProcess .step .dot span {display:block;width:20px;height:20px;margin:0 auto;border-radius:50%;border:2px solid transparent;position:relative;overflow:hidden;z-index:1;}
.hmProcess .step .dot span:before {width:8px;height:8px;border-radius:50%;background-color:#fff;content:'';display:block;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;}
.hmProcess .step:last-child .dot:before {display:none;}
.hmProcess .stepBox {width:512px; margin-bottom:3.5%;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:2;}
.hmProcess .stepBox .slick-current .num,.hmProcess .stepBox .slick-current .title {visibility:visible;}
.hmProcess .stepBox .slick-current .dot span {border-color:#fff;}
.hmProcess .slick-slider {display:block;}
/*hmPin*/
@keyframes loadline {from {width:0%;}
to {width:100%;}
}
.hmPin {position:relative; overflow:hidden;}
.hmPin .hmTitle {position:absolute;left:0;top:12%;width:100%;z-index:3;margin-bottom:0;}
.hmPin .hmTitle h2 {color:#fff;}
.hmPin .hmTitle span {background-position:9px 5px;}
.hmPin .hmTitle p {color:#bebcbb;}
.hmPin .item {position:relative;}
.hmPin .item .bg {position:absolute; left:0; top:0; width:100%; height:100%;background:no-repeat center center;background-size:cover;}
.hmPin .item .wap {display:none;}
.hmPin .inner {overflow:hidden;position:relative;top:50%;transform:translateY(-50%);}
.hmPin .info {width:425px;float:right;}
@media(min-width:1025px) and (max-width:1500px){
	.hmPin .info {margin-right: 5%;}
}
.hmPin h3 {font-size:42px;color:#fff;line-height:1.125em; position:relative;margin-bottom:27px;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:100%;}
.hmPin h3:before {height:12px;width:100%;background-color:#e62129;content:'';display:block;position:absolute;left:0;bottom:0;}
.hmPin h3 span {position:relative;z-index:1;}
.hmPin .meta {color:#bebcbb;font-size:16px;line-height:2em;margin-bottom:40px;max-height:10em;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:30px; clear:both;}
.hmPin .meta p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hmPin .icon {overflow:hidden;margin-bottom:60px;}
.hmPin .icon ul {overflow:hidden;}
.hmPin .icon li {float:left;width:14%;padding-right:11%;}
.hmPin .icon span {padding-bottom:100%;background:no-repeat center center;background-size:contain;display:block;}
.hmPin .slick-dots {position:absolute;left:0;width:100%;text-align:center;font-size:0;line-height:normal;bottom:8%;}
.hmPin .slick-dots li {display:inline-block;padding:0 0.521%;vertical-align:bottom;}
.hmPin .slick-dots button {display:block;font-size:14px;height:25px;color:#fff;font-weight:bold;background:none;border:none;width:8em;position:relative;padding-bottom:6px;}
.hmPin .slick-dots button:before,.hmPin .slick-dots button:after {width:100%;height:2px;background-color:rgba(255,255,255,0.2);content:'';display:block;position:absolute;left:0;bottom:0;}
.hmPin .slick-dots button:after {width:0;height:2px;background-color:#fff;content:'';display:block;position:absolute;left:0;bottom:0;z-index:2;}
.hmPin .slick-dots i {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;}
.hmPin .slick-dots .slick-active button:after {animation:loadline 3s ease 0s;}
.hmPin .slick-arrow {background:no-repeat center center;position:absolute;top:50%;border-radius:50%;width:58px;height:58px;border:1px solid rgba(255,255,255,0.2);transform:translateY(-50%);text-indent:-99999em;z-index:2;cursor:pointer;}
.hmPin .slick-arrow:hover {background-color:rgba(255,255,255,0.5);}
.hmPin .slick-prev {left:4.167%;background-image:url(../images/icon_20.png);}
.hmPin .slick-next {right:4.167%;background-image:url(../images/icon_21.png);}

/*hmShi*/
.hmShi {overflow:hidden;}
.hmShi .hmTitle span {background-position:0 14px;padding-left:2px;}
.hmShi .inner {width:1360px;}
.hmShi .box {overflow:hidden;}
.hmVideo {width:52.942%;position:relative;z-index:1;}
.hmVideo #hmVideo {display:none;}
.hmVideo #hmVideo.slick-slider {display:block;}
.hmVideo .video {padding-bottom:68.056%;position:relative;}
.hmVideo .load {padding-bottom:68.056%;}
.hmVideo video {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.hmVideo .play {position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover; z-index: 2;}
.hmVideo .play:after {background-color:rgba(0,0,0,0.4);width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;}
.hmVideo .play span {display:block; position:absolute; left:3%; top:50%; width:94%; transform:translateY(-50%); font-size:16px; text-align:center; color:#fff; line-height: 1.875em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; z-index: 2;}
.hmVideo .play i {display:block;width:65px;height:65px;background:url(../images/icon_22.png) no-repeat center center;background-size:contain;margin:0 auto 5px; cursor:pointer;transition:transform 1s;}
.hmVideo .play i:hover {transform:rotate(360deg);}
.hmVideo .slick-dots {overflow:hidden;font-size:0;line-height:normal;padding:0 10px;margin-top:20px;}
.hmVideo .slick-dots li {display:inline-block;}
.hmVideo .slick-dots button {display:block;border:1px solid #e62129;width:8px;height:8px;border-radius:50%;background:none;text-indent:-99999em;margin:0 10px;cursor:pointer;font-size:0;}
.hmVideo .slick-dots .slick-active button {background-color:#e62129;}
.hmAbout {margin-left:39.8%;margin-top:-34%;color:#fff;}
.hmAbout .box {background:#e62129 url(../images/bg_hmabout.png) no-repeat center center;background-size:cover;}
.hmAbout .text {padding:10% 11.278% 8% 35%;position:relative;}
.hmAbout .text:before,.hmAbout .text:after {width:26px;height:26px;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:10px;}
.hmAbout .text:before {top:10px;background-image:url(../images/icon_23.png);}
.hmAbout .text:after {bottom:10px;background-image:url(../images/icon_24.png);}
.hmAbout h3 {font-size:36px;line-height:1.35em;margin-bottom:5.51%;}
.hmAbout .intro {font-size:16px;line-height:1.875em;margin-bottom:12.184%;max-height:9.375em;overflow:hidden;}
.hmAbout .readmore a {background-image:url(../images/btn_white.png);color:#e62129;}
.hmAbout .readmore a:hover {color:#fff;background-image: none;}
.hmAbout .readmore a:after,
.hmAbout .readmore a:before{background-image:url(../images/btn_white.png); transition: 0.5s;}
.hmAbout .readmore a:before{ background-position: left 100%;}
.hmAbout .readmore a:after{background-position: right 100%;}
/*hmSlide*/
.hmSlide {position:relative;}
.hmSlide .info {width:520px; position:absolute;right:13%;top:50%; transform:translateY(-50%); text-align:center; z-index: 2;}
.hmSlide .icon {width:56.923%; margin:0 auto 9.615%;}
.hmSlide .icon span {display:block; padding-bottom:33.446%; background:url(../images/logo_banner.png) no-repeat center center; background-size:contain;}
.hmSlide h2 {font-size:60px; color:#07218a; line-height: 1.125em; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; margin-bottom: 2.884%;}
.hmSlide .intro {clear:both; font-size:16px; color:#444; line-height: 1.875em; max-height:7.5em; overflow: hidden;}
.hmSlide .readmore {margin-top:5.769%;}
.hmSlide .readmore a {margin:0 auto;}
.hmSlide .slick-dots {position:absolute;left:50%;bottom:4%;transform:translateX(-50%);font-size:0;line-height:normal;z-index:2;}
.hmSlide .slick-dots li {display:inline-block;}
.hmSlide .slick-dots button {display:block;border-radius:50%;margin:0 10px;border:2px solid #fff;background:none;width:10px;height:10px;text-indent:-99999em;cursor:pointer;font-size:0;}
.hmSlide .slick-dots .slick-active button {background-color:#fff;}
.hmSlide #hmSlide {display:none;}
.hmSlide #hmSlide.slick-slider {display:block;}
.hmSlide .load {padding-bottom:47.917%;}
/*shangTitle*/
.shangTitle {color:#333;}
.shangTitle h2 {font:normal 60px/1em 'Pangmenzhengdao','Microsoft Yahei';}
.shangTitle span {display:inline-block;background:url(../images/icon_14.png) no-repeat 0 22px;}
/*shangJoin*/
.shangJoin {background-image:url(../images/bg_join.jpg);}
.shangJoin .box {background:url(../images/bg_join_form.png) no-repeat top center;background-size:100% auto;width:89.75%;margin:0 auto;}
.shangJoin .form {padding:3.714% 3.714% 0;overflow:hidden;}
.shangJoin form {width:670px;margin:8.209% auto 2.5%;}
.shangJoin .item {padding-bottom:4.47%;}
.shangJoin .three {width:103%;overflow:hidden;}
.shangJoin .three .item {float:left;width:30%;padding-right:3%;}
.shangJoin label {display:block;font-size:16px;color:#333;line-height:1.875em;margin-bottom:2px;}
.shangJoin .input {border:1px solid #e0e0e0;}
.shangJoin .select{padding: 12px 0; width:103%;}
.shangJoin .select:after{display: block; content: '';clear: both;width: 100%; height: 0;font-size: 0;}
.shangJoin .select select{width: 31%;border:1px solid #e0e0e0;height:48px;line-height:48px;background-color:#fff;display: block;text-indent:15px;float: left; margin-right:2%;}

.shangJoin .text {background-color:#fff;height:24px;line-height:24px;padding:12px 2% 12px 0;text-indent:15px;width:98%;}

.shangJoin textarea.text {height:80px;}
.shangJoin .submit {width:180px;height:50px;background-color:#e62129;color:#fff;font-size:16px;cursor:pointer;-webkit-appearance:none;appearance:none;}
.shangJoin .submit:hover {opacity:.85;}
.shangAdvant {background-image:url(../images/bg_shangadvant.jpg);overflow:hidden;}
.shangAdvant .shangTitle {color:#fff;margin-bottom:2.5%;}
.shangAdvant ul {width:104%;}
.shangAdvant ul:after{display: block; content: '';clear: both; height: 0;font-size: 0;width: 100%;}
.shangAdvant li {float:left;width:46%;padding:2% 4% 2% 0;}
.shangAdvant .box {background-color:#fff;height:250px;display:table;width:96.4%;table-layout:fixed;margin-left:3.6%;margin-top:3.5%;}
.shangAdvant .pic {display:table-cell;vertical-align:top;width:220px;}
.shangAdvant .pic span {display:block;padding-bottom:113.637%;background:no-repeat center center;background-size:cover;margin-top:-9%;margin-left:-9%;position:relative; transition:0.3s;}
.shangAdvant .pic span:after {width:114.545%;padding-bottom:10%;background-size:100% 100%;content:'';display:block;position:absolute;left:50%;top:100%;transform:translateX(-50%);}
.shangAdvant .li1 .pic span:after {background-image:url(../images/shangadvant_shadow_01.png);}
.shangAdvant .li2 .pic span:after {background-image:url(../images/shangadvant_shadow_02.png);}
.shangAdvant .li3 .pic span:after {background-image:url(../images/shangadvant_shadow_03.png);}
.shangAdvant .li4 .pic span:after {background-image:url(../images/shangadvant_shadow_04.png);}
.shangAdvant .info {display:table-cell;vertical-align:middle;padding:10px 4.34%;}
.shangAdvant h3 {font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.125em;color:#e62129;margin-bottom:15px; transition: 0.3s;}
.shangAdvant .intro {font-size:16px;color:#999;line-height:1.875em;max-height:7.5em;overflow:hidden;transition: 0.3s;}

.shangAdvant li:hover  h3,
.shangAdvant li:hover .intro{transform: translateX(10px);}
.shangAdvant li:hover .pic span{transform: translateX(-10px);}
/*shangStyle*/
.shangStyle {overflow:hidden;}
.shangStyle .shangTitle {margin-bottom:2.5%;}
.shangStyle .shangTitle span {background-position:3px 6px;}
.shangStyle #shangStyle {width:116.667%;}
.shangStyle .item {display: none;}
.shangStyle .slick-initialized .item {display: block;}
.shangStyle .box {margin-right:14.285%;opacity:.2;transition:opacity .3s;}
.shangStyle .info {display:table;table-layout:fixed;width:100%;}
.shangStyle .pic {display:table-cell;vertical-align:middle;width:50%;}
.shangStyle .pic a {display:block;overflow:hidden;padding-bottom:65.79%;background:no-repeat center center;background-size:cover;}
.shangStyle .text {display:table-cell;vertical-align:middle;padding-left:7.916%;}
.shangStyle h3 {font-size:24px;line-height:1.75em;max-height:3.5em;overflow:hidden;font-weight:normal;margin-bottom:6.956%;}
.shangStyle h3 a {color:#333;}
.shangStyle .intro {font-size:16px;color:#999;line-height:1.875em;margin-bottom:14.493%;}
.shangStyle .slick-list {overflow:visible;}
.shangStyle .slick-current .box,.shangStyle .slick-active .box {opacity:1;}
.shangStyle .slick-dots {margin:6.25% 14.285% 0 0;font-size:0;line-height:normal;text-align:center;}
.shangStyle .slick-dots li {display:inline-block;vertical-align:bottom;}
.shangStyle .slick-dots button {display:block;height:30px;line-height:20px;padding-bottom:10px;width:50px;margin:0 15px;border:none;position:relative;font-size:14px;color:#e62129;background:none;}
.shangStyle .slick-dots button:after {width:100%;height:5px;background-color:#ddd;content:'';display:block;position:absolute;left:0;bottom:0;border-radius:2.5px;}
.shangStyle .slick-dots i {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;}
.shangStyle .slick-dots .slick-active button {width:250px;transition:width .3s;}
.shangStyle .slick-dots .slick-active button:after {background-color:#e62129;}

.shangStyle .readmore a:before,
.shangStyle .readmore a:after{background-image: url(../images/btn_red.png);background-position:0 50px; }
.shangStyle .readmore a:after{background-position:right 50px; }


/*shangProcess*/
.shangProcess .inner {position:relative;}
.shangProcess .inner:after {background:url(../images/bg_shangprocess.png) no-repeat left center;background-size:cover;width:44%;height:100%;content:'';display:block;position:absolute;top:0;right:20%;}
.shangProcess .shangTitle {color:#fff;margin-bottom:14%;}
.shangProcess .info {width:50%;color:#fff;}
.shangProcess .item {padding-right:40%;position:relative;}
.shangProcess .box {display:table;table-layout:fixed;width:100%;height:60px;padding:5px 0;}
.shangProcess .num {display:table-cell;vertical-align:middle;font-size:36px;font-family:'Oswald';width:72px;}
.shangProcess .text {display:table-cell;vertical-align:middle;}
.shangProcess .text p {font-size:18px;line-height:30px;max-height:60px;overflow:hidden;}