/* CSS Document */
/* reset.css V1.6  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px 'Helvetica Neue', 'Microsoft YaHei', Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

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

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 10px; }

@media screen and (min-width: 360px) { html { font-size: 11.25px; } }
@media screen and (min-width: 375px) { html { font-size: 11.71875px; } }
@media screen and (min-width: 414px) { html { font-size: 12.9375px; } }
@media screen and (min-width: 480px) { html { font-size: 15px; } }
@media screen and (min-width: 640px) { html { font-size: 20px; } }
.clear:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }

.clear { *zoom: 1; }

.clearboth { clear: both; }

.wp1100 { width: 1100px; margin: 0 auto; }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #fff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #e6212a; }
.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #fff; }

.tove { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* reset.css V1.6  End */
.paged a, .paged span, .paged .p_info, .paged .current { font-size: 14px; display: inline-block; zoom: 1; margin: 0 3px 2px; padding: 10px 15px; text-align: center; color: #666; border: 1px solid #d2d3d4; *display: inline; }

.paged .current, .paged a:hover { color: #fff; background: #6f7477; }

.header { height: 100px; background-color: #fff; border-bottom: 1px solid #eaeaea;}
.header h1 { float: left; }
.header h1 a { display: block; }

.nav { float: right; }
.nav > li { position: relative; z-index: 3; float: left; }
.nav > li h3 { line-height: 100px; padding: 0 30px; }
.nav > li h3 a { font-size: 16px; color: #717171; }
.nav > li:hover { z-index: 5; }
.nav > li:hover h3 a { color: #333; }
.nav .sub { position: absolute; top: 100px; left: 50%; display: none; overflow: hidden; width: 210px; margin-left: -105px; padding: 25px 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgba(111, 116, 119, 0.95); }
.nav .sub li { padding-left: 45px; }
.nav .sub li a { font-size: 14px; line-height: 40px; display: block; padding-left: 20px; color: #fff; background: url("../images/dot2.png") left center no-repeat; }
.nav .sub li a:hover { color: #eee; }

.banner { width: 100%; }
.banner .swiper-wrapper, .banner .swiper-slide { height: 100%; }
.banner .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.banner .img { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.banner .swiper-pagination-bullets { bottom: 34px; }
.banner .swiper-pagination-bullet { width: 11px; height: 11px; margin: 0 9px; opacity: 1; background-color: #fff; }
.banner .swiper-pagination-bullet-active { background-color: #5e6366; }

.index_aboutCon { padding: 60px 0 70px; background-color: #fff; }
.index_aboutCon .pic { position: relative; float: left; }
.index_aboutCon .pic img { display: block; width: 413px; height: 506px; }
.index_aboutCon .pic .more { line-height: 178px; position: absolute; right: -94px; bottom: 0; display: block; width: 188px; height: 178px; text-align: center; background-color: #6f7477; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.index_aboutCon .pic .more span { font-size: 16px; line-height: 1.5; display: inline-block; vertical-align: middle; color: #f3f3f3; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.index_aboutCon .pic .more:hover { background-color: #898d90; }
.index_aboutCon .info { margin-left: 550px; }
.index_aboutCon .info h4 { position: relative; margin-bottom: 15px; padding-bottom: 20px; }
.index_aboutCon .info h4:after { position: absolute; bottom: 0; left: 0; display: block; width: 50px; height: 3px; content: ''; background-color: #707070; }
.index_aboutCon .info h4 .cn { font-size: 22px; line-height: 36px; display: inline-block; margin-right: 10px; vertical-align: top; color: #444; }
.index_aboutCon .info h4 .en { font-family: 'Day Roman', 'Times New Roman'; font-size: 28px; line-height: 36px; display: inline-block; vertical-align: top; text-transform: uppercase; color: #777; }
.index_aboutCon .info .p { font-size: 12px; line-height: 26px; color: #666; }

.index_proCon { overflow: hidden; padding-top: 50px; background-color: #f3f3f3; }
.index_proCon .tit { margin-bottom: 20px; }
.index_proCon .tit .cn { font-size: 22px; line-height: 36px; display: inline-block; margin-right: 10px; vertical-align: top; color: #444; }
.index_proCon .tit .en { font-family: 'Day Roman', 'Times New Roman'; font-size: 28px; line-height: 36px; display: inline-block; vertical-align: top; text-transform: uppercase; color: #777; }

.accordion { position: relative; overflow: hidden; background-color: #fff; }
.accordion .img { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.accordion .info { font-size: 16px; position: absolute; height: 0; bottom: 0; left: 0; width: 100%; color: #666; background-color: #fff; overflow: hidden; }
.accordion .p { display: table; width: 100%; height: 100%; border-spacing: 0; border-collapse: collapse; vertical-align: middle; background: url("../images/arrow1.png") 95.1% center no-repeat; }
.accordion .p span { display: table-cell; height: 100%; vertical-align: middle; text-indent: 4.9%; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; }


.index_newsCon { padding-top: 50px; padding-bottom: 60px; background-color: #f3f3f3; }
.index_newsCon .tit { margin-bottom: 20px; }
.index_newsCon .tit .cn { font-size: 22px; line-height: 36px; display: inline-block; margin-right: 10px; vertical-align: top; color: #444; }
.index_newsCon .tit .en { font-family: 'Day Roman', 'Times New Roman'; font-size: 28px; line-height: 36px; display: inline-block; vertical-align: top; text-transform: uppercase; color: #777; }

.index_newsSlide { float: left; width: 492px; }
.index_newsSlide .swiper-pagination { right: 0; bottom: 22px; left: auto; overflow: hidden; box-sizing: border-box; width: 130px; padding-right: 10px; text-align: right; }
.index_newsSlide .img { display: block; width: 100%; height: 0; padding-bottom: 62.4%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.index_newsSlide .img:hover { opacity: .9; }
.index_newsSlide .p { line-height: 58px; overflow: hidden; height: 58px; padding: 0 130px 0 20px; background-color: #fff; }
.index_newsSlide .p a { font-size: 16px; color: #666; }
.index_newsSlide .p a:hover { color: #000; }
.index_newsSlide .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 3px; opacity: 1; background-color: #6f7477; }
.index_newsSlide .swiper-pagination-bullet-active { background-color: #e4e4e4; }

.index_newsBox { overflow: hidden; margin-left: 530px; }

.index_hotNews { padding: 10px 0; border-bottom: 1px dashed #d0d0d0; }
.index_hotNews .dateBox { float: left; width: 87px; }
.index_hotNews .dateBox .day { font-size: 24px; line-height: 52px; text-align: center; color: #5a5a5a; border-top: 1px solid #cecece; border-right: 1px solid #cecece; border-left: 1px solid #cecece; }
.index_hotNews .dateBox .data { font-size: 12px; line-height: 26px; text-align: center; color: #fff; background-color: #6f7477; }
.index_hotNews .info { overflow: hidden; margin-left: 105px; }
.index_hotNews .info h5 { line-height: 26px; position: relative; overflow: hidden; margin-bottom: 4px; padding-bottom: 2px; }
.index_hotNews .info h5:after { position: absolute; bottom: 0; left: 0; display: block; width: 13px; height: 1px; content: ''; background-color: #444; }
.index_hotNews .info h5 a { font-size: 14px; color: #333; }
.index_hotNews .info h5 a:hover { color: #999; }
.index_hotNews .info .p { font-size: 12px; line-height: 22px; overflow: hidden; height: 44px; color: #888; }

.index_newslist li { line-height: 48px; height: 48px; border-bottom: 1px dashed #d0d0d0; }
.index_newslist li span { font-size: 12px; float: right; color: #bebebe; }
.index_newslist li a { font-size: 13px; display: block; overflow: hidden; height: 48px; padding: 0 70px 0 25px; color: #555; background: url("../images/dot1.jpg") 5px center no-repeat; }
.index_newslist li a:hover { color: #999; }

.index_fastLinkCon { padding-top: 60px; padding-bottom: 50px; background-color: #fff; }

.fastLinkBox { float: left; }
.fastLinkBox dl { float: left; width: 140px; margin-right: 25px; }
.fastLinkBox dt { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
.fastLinkBox dt:after { position: absolute; bottom: -1px; left: 0; display: block; width: 12px; height: 1px; content: ''; background-color: #afafaf; }
.fastLinkBox dt a { font-size: 14px; line-height: 24px; color: #333; }
.fastLinkBox dt a:hover { color: #888; }
.fastLinkBox dd { line-height: 28px; }
.fastLinkBox dd a { font-size: 12px; color: #888; }
.fastLinkBox dd a:hover { color: #333; }

.otherFastLink { float: right; }
.otherFastLink .wxShare { float: left; position: relative; width: 32px; height: 32px; z-index: 5; }
.otherFastLink .wxShare span { display: block; width: 32px; height: 32px; background: url(../images/weixin@64.png) center no-repeat; background-size: 100% 100%; cursor: pointer; }
.otherFastLink .wxShare .wxShareErm { display: none; position: absolute; padding: 10px; width: 120px; left: 50%; margin-left: -80px; bottom: 40px; background-color: #FFF; box-shadow: 0 0 5px #a2a2a2; }
.otherFastLink .wxShare .wxShareErm img { display: block; width: 100%; margin-bottom: 5px; }
.otherFastLink .wxShare .wxShareErm p { font-size: 12px; text-align: center; line-height: 1.5; color: #6f7477; }
.otherFastLink .wxShare:hover span { opacity: .8; }
.otherFastLink .wxShare:hover .wxShareErm { display: block; }
.otherFastLink .wbShare { margin-left: 20px; float: left; display: block; width: 32px; height: 32px; background: url(../images/weibo@64.png) center no-repeat; background-size: 100% 100%; }
.otherFastLink .wbShare:hover { opacity: .8; }

.footer { padding-top: 90px; padding-bottom: 90px; background-color: #6f7477; }
.footer .share { margin-bottom: 15px; }

.bdsharebuttonbox { text-align: center; }

.bdshare-button-style2-32 a { display: inline-block; float: none !important; width: 34px !important; height: 34px !important; margin: 0 12px !important; vertical-align: top; background-position: center center !important; }

.bdshare-button-style2-32 .bds_tsina { background: url("../images/share_weibo.png") center center no-repeat; }

.bdshare-button-style2-32 .bds_tqq { background: url("../images/share_tweibo.png") center center no-repeat; }

.bdshare-button-style2-32 .bds_sqq { background: url("../images/share_qq.png") center center no-repeat; }

.bdshare-button-style2-32 .bds_weixin { background: url("../images/share_weixin.png") center center no-repeat; }

.copyright { font-size: 14px; text-align: center; color: #fff; }
.copyright a { font-size: 14px; color: #fff; }
.copyright a:hover { text-decoration: underline; }

.mobileClick { position: absolute; top: 0; right: 0; display: none; width: 4.5rem; height: 4.5rem; }
.mobileClick:after { line-height: 0; position: absolute; top: 50%; left: 50%; display: block; width: 24px; height: 4px; content: ''; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, -50%); border-top: 4px solid #6c7073; border-right: none; border-bottom: 12px double #6c7073; border-left: none; }

.sideNavCon { position: absolute; z-index: 9999; top: 0; left: 0; display: none; overflow: hidden; width: 100%; height: 100%; }
.sideNavCon .bg { position: absolute; z-index: 11000; top: 0; left: 0; width: 100%; height: inherit; background-color: rgba(0, 0, 0, 0.5); }
.sideNavCon .sideNavScroll { position: absolute; z-index: 11001; top: 0; right: 0; overflow: hidden; width: 300px; height: inherit; -webkit-transition: 1s ease all; transition: 1s ease all; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); background-color: #403f3f; }
.sideNavCon .sideNavScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sideNavCon .sideNav { width: 100%; }
.sideNavCon .sideNav > li { box-sizing: border-box; margin: 0 10px; border-bottom: 1px solid #dcdbdb; }
.sideNavCon .sideNav > li > a { font-size: 14px; line-height: 4; position: relative; display: block; padding-left: 20px; color: #dcdbdb; }
.sideNavCon .sideNav > li > a span { font-size: 14px; overflow: hidden; margin-right: 2.3em; }
.sideNavCon .sideNav > li > a i { font-size: 14px; font-weight: bold; font-style: normal; line-height: 4em; position: absolute; top: 0; right: 0; display: block; width: 4em; height: 4em; text-align: center; color: #fff; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.sideNavCon .sideNav > li > a i.on { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.sideNavCon .sideNav > li .sub { overflow: hidden; height: 0; }
.sideNavCon .sideNav > li .sub li { border-bottom: 1px solid #666; }
.sideNavCon .sideNav > li .sub li a { font-size: 14px; line-height: 2.2; position: relative; display: block; padding-left: 10px; color: #dcdbdb; }
.sideNavCon .sideNav > li .sub li a span { font-size: 14px; display: block; overflow: hidden; margin-right: 2.3em; }
.sideNavCon .sideNav > li .sub li a i { font-size: 14px; font-weight: bold; font-style: normal; position: absolute; top: 0; right: 0; display: block; float: none; width: 2.2em; height: 2.2em; text-align: center; color: #fff; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.sideNavCon .sideNav > li .sub li a i.on { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.sideNavCon .sideNav > li .sub li:last-child { border-bottom: none; }
.sideNavCon .sideNav > li .sub1 li { margin-left: 20px; }
.sideNavCon .sideNav > li .sub2 li { margin-left: 20px; }
.sideNavCon .sideNav > li .sub3 li { margin-left: 20px; }

.insideBanner img { max-width: 100%; }

.insideMenuCon { width: 100%; background-color: #f3f3f3; }

.proMenuCon { position: relative; overflow: hidden; width: 100%; height: 60px; display: none; }
.proMenuCon .proMenu { position: absolute; top: 0; left: 0; }
.proMenuCon .proMenu li { float: left; }
.proMenuCon .proMenu li a { font-size: 14px; line-height: 60px; position: relative; display: block; min-width: 100px; padding: 0 20px; text-align: center; color: #555; }
.proMenuCon .proMenu li a:hover { color: #333; }
.proMenuCon .proMenu li a:after { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 14px; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #d4d4d4; }
.proMenuCon .proMenu li.on a { color: #fff; background-color: #c1c1c1; }

.proSeriseCon { padding: 80px 0; }
.proSeriseCon .img { float: left; width: 690px; height: 490px; }
.proSeriseCon .img img { display: block; max-width: 100%; margin: 0 auto; }
.proSeriseCon .img:hover { opacity: .9; }
.proSeriseCon .info { overflow: hidden; height: 490px; margin-left: 690px; padding: 0 40px; background-color: #f3f3f3; }
.proSeriseCon h4 { margin-top: 65px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dashed #a6a6a6; }
.proSeriseCon h4 a { font-size: 22px; color: #333; }
.proSeriseCon h4 a:hover { color: #999; }
.proSeriseCon .pBox { position: relative; overflow: hidden; width: 100%; height: 234px; margin-bottom: 15px; }
.proSeriseCon .pBox .p { font-size: 12px; line-height: 26px; position: absolute; top: 0; left: 0; color: #555; }
.proSeriseCon .btn a { display: block; float: left; width: 42px; height: 42px; margin-right: 5px; cursor: pointer; border: 1px solid #d0cfcf; background-color: #6f7477; background-repeat: no-repeat; background-position: center center; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.proSeriseCon .btn a:hover { background-color: #898d90; }
.proSeriseCon .btn .prev { background-image: url(../images/arrow2.png); }
.proSeriseCon .btn .next { background-image: url(../images/arrow3.png); }

.relation_proCon { padding-top: 60px; padding-bottom: 70px; background-color: #f3f3f3; }
.relation_proCon .title { margin-bottom: 40px; text-align: center; }
.relation_proCon .title h6 { font-size: 24px; color: #333; }
.relation_proCon .title .en { font-size: 24px; text-transform: uppercase; color: #929292; }

.relation_proList { width: 1112px; margin: 0 auto 25px; }
.relation_proList li { float: left; width: 266px; margin: 0 6px 28px; }
.relation_proList li a { display: block; }
/*.relation_proList li a:hover .img img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }*/
.relation_proList li a:hover p { color: #fff; background-color: #6f7477; }
.relation_proList li .img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 70.3%; }
.relation_proList li .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -webkit-transition: 0.8s ease all; -moz-transition: 0.8s ease all; transition: 0.8s ease all; }
.relation_proList li p { font-size: 14px; line-height: 90px; width: 100%; height: 90px; text-align: center; color: #555; background-color: #fff; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }

.pro_infoCon { padding-top: 0px; padding-bottom: 70px; background-color: #fff; }

.pro_infoSlide { overflow: hidden; width: 100%; margin-bottom: 50px; }
.pro_infoSlide .img { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.pro_infoSlide .img img { display: block; width: 100%; height: 100%; }
.pro_infoSlide .swiper-slide { width: 62%; }
.pro_infoSlide .proPrevBtn { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; width: 19%; cursor: pointer; background-color: rgba(243, 243, 243, 0.9); }
.pro_infoSlide .proPrevBtn i { position: absolute; top: 50%; left: 50%; display: block; width: 56px; height: 56px; margin: -28px 0 0 -28px; background: url("../images/arrow4.png") center center no-repeat; background-size: 100% 100%; }
.pro_infoSlide .proPrevBtn:hover { opacity: .9; }
.pro_infoSlide .proNextBtn { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 19%; cursor: pointer; background-color: rgba(243, 243, 243, 0.9); }
.pro_infoSlide .proNextBtn i { position: absolute; top: 50%; left: 50%; display: block; width: 56px; height: 56px; margin: -28px 0 0 -28px; background: url("../images/arrow5.png") center center no-repeat; background-size: 100% 100%; }
.pro_infoSlide .proNextBtn:hover { opacity: .9; }

.pro_infoBox .tit { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #d7d7d7; display:none; }
.pro_infoBox .tit .cn { font-size: 22px; line-height: 36px; display: inline-block; margin-right: 10px; vertical-align: top; color: #444; }
.pro_infoBox .tit .en { font-family: 'Day Roman', 'Times New Roman'; font-size: 28px; line-height: 36px; display: inline-block; vertical-align: top; text-transform: uppercase; color: #777; }
.pro_infoBox .article { font-size: 12px; line-height: 26px; padding-bottom: 10px; color: #777; }
.pro_infoBox .backBtn { text-align: right; }
.pro_infoBox .backBtn a { font-size: 14px; line-height: 36px; display: inline-block; width: 120px; height: 36px; text-align: center; vertical-align: top; color: #fff; border-radius: 4px; background-color: #6f7477; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.pro_infoBox .backBtn a:hover { background-color: #898d90; }

.pro_mainCon { width: 100%; }
.pro_mainCon li { float: left; width: 25%; opacity: 0; -webkit-transition: 1s ease all; -moz-transition: 1s ease all; transition: 1s ease all; }
.pro_mainCon li a { display: block; }
.pro_mainCon li a:hover .p { background-color: #666; }
.pro_mainCon li a:hover .p span { color: #fff; }
.pro_mainCon li a:hover .img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.pro_mainCon li .img { width: 100%; height: 0; padding-bottom: 71.25%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.pro_mainCon li .p { display: table; width: 100%; height: 150px; background-color: #fff; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.pro_mainCon li .p span { font-size: 22px; display: table-cell; padding: 0 10px; text-align: center; vertical-align: middle; color: #666; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.pro_mainCon li .p span b { font-size: 24px; }
.pro_mainCon li.odd .p { background-color: #eee; }

.aboutCon { padding-top: 80px; padding-bottom: 50px; background-color: #fff; }

.aboutArticle { font-size: 12px; line-height: 28px; color: #777; }
.aboutArticle .aboutTit { position: relative; padding-bottom: 20px; }
.aboutArticle .aboutTit .cn { font-size: 22px; line-height: 36px; position: relative; display: inline-block; margin-right: 10px; margin-bottom: 20px; vertical-align: top; color: #444; }
.aboutArticle .aboutTit .cn:before { position: absolute; bottom: -10px; left: 0; display: block; width: 50px; height: 2px; content: ''; background-color: #707070; }
.aboutArticle .aboutTit .en { font-family: 'Day Roman', 'Times New Roman'; font-size: 28px; line-height: 36px; display: inline-block; vertical-align: top; text-transform: uppercase; color: #777; }
.aboutArticle .aboutImg1 { float: left; margin-right: 2.5rem; margin-bottom: 1rem; }
.aboutArticle img { max-width: 100%; }

.storesCon { padding-top: 50px; padding-bottom: 70px; background-color: #fff; }
.storesCon .tit { margin-bottom: 15px; text-align: center; }
.storesCon .tit .cn { font-size: 24px; color: #666; }
.storesCon .tit .en { font-size: 24px; text-transform: uppercase; color: #d0d0d0; }

.citySelectBox { margin-bottom: 30px; }
.citySelectBox .word { font-size: 14px; line-height: 40px; float: left; width: 100px; text-align: center; color: #666; border-right: 1px solid #e1e1e1; background-color: #f3f3f3; }
.citySelectBox .select { float: left; width: 100px; background-color: #f3f3f3; }
.citySelectBox .select .citySelect { font-size: 14px; line-height: 40px; width: 80px; height: 40px; padding: 0 10px; cursor: pointer; color: #666; background: url("../images/arrow6.png") 90% center no-repeat; }

.storesList { width: 1132px; margin: 0 auto; }
.storesList li { float: left; width: 534px; margin: 0 16px 30px; }
.storesList li .stb { display: table; width: 100%; background-color: #f3f3f3; }
.storesList li .stc { display: table-cell; width: 50%; vertical-align: middle; }
.storesList li .stc img { max-width: 100%; }
.storesList li .stc .info { font-size: 14px; line-height: 22px; padding: 0 35px; }
.storesList li .stc .info span { display: inline-block; width: 100%; margin-bottom: 11px; }

.imageCon { padding-top: 50px; padding-bottom: 70px; background-color: #fff; }
.imageCon .tit { margin-bottom: 15px; text-align: center; }
.imageCon .tit .cn { font-size: 24px; color: #333; }
.imageCon .tit .en { font-size: 24px; text-transform: uppercase; color: #d0d0d0; }

.allstoresList { width: 1112px; margin: 0 auto 15px; padding-top: 35px; }
.allstoresList li { float: left; width: 266px; margin: 0 6px 28px; }
.allstoresList li a { display: block; }
/*.allstoresList li a:hover .img img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }*/
.allstoresList li a:hover p { color: #fff; background-color: #6f7477; }
.allstoresList li .img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 70.3%; }
.allstoresList li .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; /*-webkit-transition: 0.8s ease all; -moz-transition: 0.8s ease all; transition: 0.8s ease all; */}
.allstoresList li p { font-size: 14px; line-height: 90px; width: 100%; height: 90px; text-align: center; color: #555; background-color: #f3f3f3; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }

.newsCon { padding-top: 70px; padding-bottom: 70px; background-color: #fff; }
.newsCon .tit { margin-bottom: 15px; padding: 0 10px; text-align: center; }
.newsCon .tit h2 { font-size: 20px; font-weight: bold; line-height: 1.5; color: #666; }
.newsCon .tit .time { font-size: 12px; line-height: 26px; color: #888; }
.newsCon .backBtn { text-align: right; }
.newsCon .backBtn a { font-size: 14px; line-height: 36px; display: inline-block; width: 120px; height: 36px; text-align: center; vertical-align: top; color: #fff; border-radius: 4px; background-color: #6f7477; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.newsCon .backBtn a:hover { background-color: #898d90; }

.newsArticle { font-size: 12px; line-height: 30px; padding-bottom: 25px; color: #555; border-bottom: 1px dashed #ddd; }
.newsArticle img { max-width: 100%; }

.newsImgBox { padding: 25px 0; }
.newsImgBox .img { float: left; width: 697px; }
.newsImgBox .img img { display: block; width: 100%; }
.newsImgBox .info { margin-left: 697px; }
.newsImgBox .newsImgTb { display: table; width: 100%; height: 241px; }
.newsImgBox .newsImgTc { display: table-cell; text-align: center; vertical-align: middle; }
.newsImgBox .newsImgTc b { font-size: 22px; line-height: 30px; display: inline-block; padding: 0 40px; text-transform: uppercase; color: #7b7b7b; }
.newsImgBox .newsImgTc span { font-size: 12px; line-height: 26px; display: inline-block; padding: 0 40px; color: #ddd; }
.newsImgBox .bgf3 { background-color: #f3f3f3; }
.newsImgBox .bg7b { background-color: #7b7b7b; }

.clickPage { padding: 30px 0 25px; }
.clickPage li { float: left; width: 50%; }
.clickPage li a { font-size: 12px; color: #555; }
.clickPage li a:hover { text-decoration: underline; }
.clickPage li.next { text-align: right; }

.newsList { padding-bottom: 20px; }
.newsList li { margin-bottom: 15px; }
.newsList li a { display: block; padding: 15px; background-color: #f7f7f7; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.newsList li a:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 5px 20px #ebebeb; }
.newsList li a:hover .arrow { border-color: #6f7477; background-color: #6f7477; background-image: url(../images/arrow7.png); }
.newsList li .img { float: left; width: 203px; height: 130px; }
.newsList li .img img { display: block; width: 100%; }
.newsList li .dateBox { float: right; width: 120px; padding-top: 20px; }
.newsList li .date { font-size: 20px; color: #999; }
.newsList li .year { font-size: 12px; margin-bottom: 15px; color: #999; }
.newsList li .arrow { width: 36px; height: 36px; border: 1px solid #dedfe1; border-radius: 50%; background: url(../images/arrow8.png) center center no-repeat; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.newsList li .info { margin: 0 220px 0 250px; padding-top: 15px; }
.newsList li .info h3 { font-size: 16px; margin-bottom: 20px; color: #555; }
.newsList li .info .p { font-size: 12px; line-height: 24px; overflow: hidden; height: 48px; color: #777; }
.newsList li.noPic .info { margin-left: 25px; }