@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;-moz-transition: all .3s;}
body{background: #fff;color: #323232;font-size: 14px; font-family: PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
td,th,caption{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
a{color: #323232;text-decoration: none;}
a:link{color: #323232;}
a:visited{color: #323232;}
a:hover,a:active,a:focus{text-decoration: none;}
img{border: none;vertical-align: top}
ol,ul,li{list-style: none;}
input,textarea,select,button{font: 14px PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
input{border: 0;outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
dt,dd{font-weight: normal;}
p{word-wrap: break-word}
a{blr: expression(this.onFocus=this.blur());}
a:focus{outline: none;}
a.hidefocus{outline: none}
.clearfix{*zoom: 1;clear: both; zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}
*:focus{outline: none;}
button:focus {outline:none!important;;}

.fl{float: left;}
.fr{float: right;}
img{max-width: 100%; vertical-align: top;}
.picfocus{overflow: hidden;}
.picfocus img{-webkit-transition: 0.36s ease;-moz-transition: 0.36s ease;-o-transition: 0.36s ease;-ms-transition: 0.36s ease;}
.item:hover .picfocus img,
.picfocus:hover img,
a:hover .picfocus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
div{border: none}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;z-index: 9999;}
body{transition: 0.5s ease all;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}



*{padding:0;margin:0;list-style: none; box-sizing: border-box;}

@media (max-width: 767px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:10px; }
}
@media (min-width: 768px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:12px; }
}
@media (min-width: 1200px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:13px; }
}
@media (min-width: 1360px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:14px; }
}
@media (min-width: 1440px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:15px; }
}
@media (min-width: 1600px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:16px; }
}

.container{padding: 0 13.54%; width: 100%;}
@media (max-width:767px){
	.container{padding: 0 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.container{padding: 0 15px;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.container{padding: 0 9%;}
}
body{min-width: 1200px;overflow-x: auto;}
.tit_box{display: flex; justify-content: space-between; align-items: flex-end;}
.tit_box .tabs{display: flex; margin-bottom: 1.25rem;}
.tit_box .tabs li{margin: 0 1.875rem 0 0; height: 2.5rem; color: #333; display: flex; align-items: center; background: #F2F2F2; padding: 0 1.875rem;}
.tit_box .tabs li.on{background: #A22C24;}
.tit_box .tabs li.on a{color: #fff;}
.common_tit{ line-height: 1; display: flex; align-items: center; height: 9.5rem; background: url(../images/tit_bg.png) no-repeat top left 4.25rem; background-size: auto 100%; }
.common_tit .tit_en{font-size: 2rem; color: #DDDADA; line-height: 0.78; font-weight: bold; text-transform: uppercase;}
.common_tit .tit_en em{font-weight: bold; color: #A22C24;}
.common_tit .tit{font-size: 2.375rem; font-weight: bold; color: #000; margin: 1.5rem 0 0;}
.common_tit.white{background-image: url(../images/tit_bg_white.png);}
.common_tit.white .tit{color: #fff;}
@media (max-width:767px){
	.tit_box{display: block;}
	.tit_box .tabs{margin: 10px 0;}
	.tit_box .tabs li{font-size: 13px; line-height: 2; margin: 0 10px 0 0; padding: 0 8px;}
	.tit_box .tabs li:last-child{margin: 0;}
}

.more .more_btn{position: relative; width: 12.875rem; margin: 0 auto; font-size: 1rem; background: #9F2226; color: #fff; line-height: 1; padding: 1.125rem 0; display: block; text-align: center; transition: .3s all;}
.more .more_btn:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; transition: .5s; background: #03508c; z-index: -1;}
.more .more_btn:hover:before {width: 100%;}
.more .more_btn:hover{color: #fff;}
@media (max-width:767px){
	.more .more_btn{min-width: 100px; font-size: 14px;}
}

/*header*/
.header{width:100%; height: 70px;text-align: center; font-size: 1rem;  transition: 0.5s all;background: transparent; color: #fff;
    position: fixed;top: 0;left: 0;right: 0;z-index: 10;
}
/*.header .nav_box{height: 100%;}*/
.header .container{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header .navbar-brand{
    /*position: absolute; left: 13.54%; top: 50%; z-index: 5;  transform: translateY(-50%); transition: all 0.3s;*/
    display: flex; align-items: center;color: inherit;}
.header .navbar-brand .logo{width: auto; height: 40px; transition: 0.5s all;}
.header .navbar-brand .slogan{width: auto; height: 16px;margin: 0 0 0 1.875rem; padding: 0 0 0 1.5rem; border-left: 1px solid;}
.header .nav{position: relative; float: right; flex: 1; height: 58px; display: flex; align-items: center; justify-content: flex-end;}
.header .nav>li{position: relative; float: left; height: 100%; display: flex; align-items: center;}
.header .nav>li>.nav_tit{position: relative; padding: 0 1rem; line-height: 1;}
/*.header .nav>li:last-child>.nav_tit{padding-right: 0;}*/
.header .nav>li>.nav_tit::after{content: ""; position: absolute; left: 50%; bottom: -11px; transform: translateX(-50%);  width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid transparent; }

.header .nav>li>.nav_tit>a{color: inherit; font-size: 1rem; line-height: 1;}
.header .nav>li>.nav_tit .titleAdd{display: none;padding: 0 10px;text-align: center;font-size: 22px;width:40px;}
.header .nav>li>.nav_tit>.caret{ position: absolute; top: 50%; display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 4px dashed #fff; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header .nav>li .subnav{ position: absolute; top: 100%; left: 0; padding: 6px 0 0; min-width: 160px; z-index: -1; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); opacity: 0; transform: translateX(-50%); left: 50%;  visibility: hidden; transition: 0.125s ease-out;}
.header .nav>li .subnav::before{content: "";position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #950000;}
.header .nav>li .subnav li{line-height: 24px; background: #fff;}
.header .nav>li .subnav li a{padding: 0.875rem 20px; font-size: 1rem; line-height: 24px; display: block;}
.header .nav>li:hover>.nav_tit>a,
.header .nav>li.on>.nav_tit>a,
.header .nav>li>.nav_tit>a:hover{color: #A22C24;}
.header .nav>li.on>.nav_tit::after{border-bottom: 5px solid #A22C24; }
.header .nav>li.on>.nav_tit>.caret,
.header .nav>li:hover>.nav_tit>.caret{border-top-color: #A22C24;}
.header .nav>li:hover .subnav{opacity: 1; visibility: visible; z-index: 10; transition: 0.36s ease-in-out;}
.header .nav>li:hover .subnav li{padding: 0 20px;}
.header .nav>li .subnav li:hover{ background: #A22C24;}
.header .nav>li .subnav li:hover a{color: #fff;}
/*二级菜单*/
.subNavBox{position: absolute;top: 58px;left: 50%;transform: translateX(-50%);width: 140px;text-align: center;line-height: 48px;background: #fff;color: #666;padding: 10px 0;box-shadow: 0 2px 8px #00000026;border-radius: 4px;}
.subNavBox .subNavItem:hover{color: #A22C24;}
.subNavBox .subNavItem a{color: inherit;display: block;}
.header .tel {position: relative; font-size: 1.25rem; height: 100%; margin: 0 0 0 2rem; font-family: Roman; font-weight: bold; color: #E50015; display: flex; align-items: center;}
.header .tel::before{content: ''; width: 20px; height: 100%; margin: 0 12px 0 0; background: url(../images/icon_nav_tel.png) no-repeat center left; background-size: 20px auto;}
.Navbar {display: none;float: right; width: 24px; height: 16px; margin: 17px 10px 0 0; position: relative; transition: all 0.5s ease; cursor: pointer;}
.Navbar .icon-bar { width: 24px; height: 2px; background: #A22C24; display: block;}
.Navbar .icon-bar:nth-child(2){margin: 5px 0;}
.Nav_m{display: none;}

.header.fixed{position: fixed; top: 0; z-index: 9999; background: #fff; color: #333; height: 70px; line-height: 70px;box-shadow: 0 2px 6px rgba(0, 0, 0 , 0.1);
    /* backdrop-filter: saturate(180%) blur(20px);*/
}
.header.fixed .nav_box{padding: 0;}
.header.fixed .navbar-brand{height: 70px; padding: 10px 0;color: inherit;}
.header.fixed .top{height:0; visible:hidden; opacity: 0;}
@media (min-width: 768px) and (max-width: 991px){
	/*.header{padding: 0 30px;}*/
	.header .container .box{padding: 0 15px;}
	.header .tel{ padding: 0 0 0 1rem; margin: 0 0 0 1rem;}
	.header.fixed{ height: 6.25rem; line-height: 6.1875rem;}
	.header .navbar-brand,
	.header.fixed .navbar-brand{ height: 6.25rem; padding: 1.8875rem 0;}
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{height: 2.475rem;}
	/*.header .nav_box{padding-right: 1rem;}*/
	.header .nav>li>.nav_tit{padding: 0 0.5rem;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.header .nav>li>.nav_tit{padding: 0 0.9rem;}
}
@media(min-width: 1200px) and (max-width: 1440px){
	.header .nav{margin: 0 -1.3rem;}
	.header .nav>li>.nav_tit{padding: 0 15px;}
	.header .tel{font-size: 16px; padding: 0 15px;}
	.header .tel img{width: 20px;}
	.header .nav>li .subnav li a{padding: 7px 20px;}
}
@media (max-width: 767px){
	.header {height: 50px; text-align: left; z-index: 10000;}
	.header .top{padding: 0; height: 50px;}
	.header.fixed .top{display: flex; height: 50px; visible:visible; opacity: 1;}
	.header.fixed{height: 50px; line-height: 49px;color: #fff;}
	.header.fixed .navbar-brand .slogan{width: 18.3125rem; height: auto;}
	.header .container .box{padding: 0;}
	.header .navbar-brand,
	.header.fixed .navbar-brand{padding: 12px 0; left: 10px; height: 50px}
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{width: auto; height: 26px;}
	.header .navbar-brand .logo_pc{display: none;}
	.header .navbar-brand .logo_m{display: block;}
	.Navbar{display: block; position: absolute; right: 5px; top: 0;}
	.header .nav_box{display: block; width: 80%; height: 100vh; padding: 0; overflow: hidden; position: fixed; top: 0; right: -80%; z-index: 1099; background: #A22C24; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.header .nav_box .container{display: block; padding: 0;}
	.header .nav{float: none; display: block; height: auto; margin: 0;}
	.header .nav::after{content: none;}
	.header .nav>li{float: none; height: auto; width: 100%; display: block;}
	.header .nav>li>.nav_tit{line-height: 40px; border-bottom: 1px solid rgba(255,255,255,0.1);display: flex; justify-content: space-between; align-items: center;}
	.header .nav>li>.nav_tit>a{color: #fff; flex: 1; line-height: 40px; font-size: 13px;}
	.header .nav>li.on>.nav_tit::after{content: none;}
    .header .nav>li>.nav_tit .titleAdd{display: block;}
	.header .nav>li>.nav_tit>.caret{border-top-color: #fff; position: static; margin-left: 30px;}
	.header .closeNav{width: 24px; height: 24px; position: relative; margin: 17px 0 20px 20px; cursor: pointer;}
	.header .closeNav span{position: absolute; left: 0; top: 11px; width: 20px; height: 2px; background: #fff;}
	.header .closeNav span.line1{transform: rotate(45deg);}
	.header .closeNav span.line2{transform: rotate(135deg);}
	.header .nav>li>a{justify-content: space-between; align-items: center; display: flex; width: 100%; line-height: 40px; color: #fff; font-size: 14px; font-weight: 600; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}
	.header .nav_box.active{right: 0;}
	.header .nav>li .subnav{display: none; position: static; margin: 0; border-radius: 0; box-shadow: none; border: none; background: none; text-indent: 1em;}
	.header .nav>li.on .subnav{display: block; transform: translateX(0); opacity: 1; visibility: visible;}
	.header .nav>li:hover>.nav_tit>a,
	.header .nav>li.on>.nav_tit>a,
	.header .nav>li>.nav_tit>a:hover{color: #fff;}
	.header .nav>li .subnav li{background: none;}
	.header .nav>li .subnav li a{color: #fff; font-size: 12px;}
	.header .nav>li .subnav::before{content: none;}
	.mHeadMask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 1009; display: none;}
	.header .tel{height: auto;}
	.header .tel::before{height: 20px;}
    /*二级菜单*/
    .header .nav_box .subNavBox{
        background: transparent;
        width: 100%;text-align: left;color: #fff;
        position: relative;top: auto;left: auto;transform: none;box-shadow: none;
    }
    .subNavItem a{padding-left: 40px;}
    .subNavItem:hover{background: #fff;}
}

/*footer*/
.footer{background: #252525; color: #fff;}
.footer a{color: #808080;}
.footer a:hover{color: #fff;}
.footer .top{ display: flex; justify-content: space-between; align-items: flex-end;}
.footer .top .container{display: flex; justify-content: space-between; align-items: center;}
.footer .top .ft_logo{margin: 0 8.14% 0 0; width: 19.5%;}
.footer .top .ft_other{flex: 1; overflow: hidden;}
.footer .ft_nav{overflow: hidden; display: flex; justify-content: space-between; padding: 2rem 0 2.25rem; border-bottom: 1px solid rgba(255,255,255,0.08);}
.footer .ft_nav li{ float: left; display: flex; justify-content: space-between;}
.footer .ft_nav li a{ font-size: 1rem; line-height: 1; color: #DBDBDB;}
.footer .ft_info{display: flex; padding: 2.8125rem 0; align-items: center; justify-content: space-between;}
.footer .ft_mesg{display: flex; justify-content: space-between; margin: 0 6.375rem 0 0; line-height: 1;}
.footer .ft_mesg li{display: flex; justify-content: center; margin: 0 5.375rem 0 0;}
.footer .ft_mesg li:last-child{margin-right: 0;}
.footer .ft_mesg .icon{border: 1px solid rgba(255,255,255,0.1); border-radius: 50%; width: 50px; height: 50px; margin: 0 1.25rem 0 0; display: flex; align-items: center; justify-content: center;}
.footer .ft_mesg .info{flex: 1; overflow: hidden; min-width: 100px;}
.footer .ft_mesg .p1{font-size: 1rem;}
.footer .ft_mesg .p2{font-size: 14px; color: rgba(255,255,255,0.4); margin: 0.75rem 0 0; line-height: 1.5;}
.footer .ft_wx {width: 8.5rem; text-align: center; }
.footer .copyright{ background: #171717; line-height: 1; padding: 2rem 0; font-size: 14px; color: #808080;}
.footer .copyright .container{display: flex; justify-content: space-between;}
@media (min-width: 768px) and (max-width: 1440px){

}
@media (max-width: 767px){
    body{min-width: 100%;}
	.footer .top{display: block; padding: 20px 0;}
	.footer .top .container{display: block;}
	.footer .top .ft_logo{width: 130px; margin: 0 auto;}
	.footer .ft_info{padding: 20px 0 0;}
	.footer .ft_nav{display: none;}
	.footer .ft_mesg{margin: 0; text-align: center; display: block;}
	.footer .ft_mesg li{margin-bottom: 10px;}
	.footer .ft_mesg li:last-child{margin-bottom: 0;}
	.footer .ft_mesg .info{text-align: left;}
	.footer .ft_mesg .p1{font-size: 15px;}
	.footer .ft_mesg .p2{margin: 15px 0 10px; font-size: 13px; margin: 10px 0 ;}
	.footer .ft_wx{width: 120px; margin: 0 0 0 15px;}
	.footer .ft_wx p{font-size: 12px;}
	.footer .copyright{text-align: center; font-size: 12px; line-height: 20px; padding: 10px 0;}
	.footer .copyright .container{display: block;}
	.footer .copyright span{display: block;}
}

.animatedbtn__play { display: inline-block; position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); width: 58px; height: 58px;  cursor: pointer; }
.svg__pause { width: 17px; height: 20px; vertical-align: middle; cursor: pointer; position: absolute; top: 50%; left: 51%; z-index: 2; padding: 1px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: opacity 0.5s linear 0.1s; transition: opacity 0.5s linear 0.1s; }
.svg__rect { width: 100%; height: 100%;  position: absolute; top: 0; left: 50%; overflow: visible; -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-transition: width 0.5s cubic-bezier(0.8, 0.3, 0.1, 1); transition: width 0.5s cubic-bezier(0.8, 0.3, 0.1, 1); }
.animatedbtn__play__loader { -webkit-transition: stroke-dashoffset 0.3s linear; transition: stroke-dashoffset 0.3s linear; stroke-dasharray: 182.2px; stroke-dashoffset: 91.1px; }
.svg__rect__shape--stroke { fill: transparent; stroke-width: 2; stroke: #fff; }
.svg__rect__shape { -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; }
.animatedbtn__play__loader { -webkit-animation: loaded 0.5s linear 0s 1 normal forwards; animation: loaded 0.5s linear 0s 1 normal forwards; }
.item:hover .animatedbtn__play__loader { stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s; transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s; -webkit-animation: playHover 0.5s linear 0s 1 normal forwards; animation: playHover 0.5s linear 0s 1 normal forwards; }
@media (min-width: 768px) and (max-width: 1200px){
	.animatedbtn__play{width: 4rem; height: 4rem; margin: 0 auto; background: url(../images/icon_video3.png) no-repeat top left; background-size: cover;}
	.svg__rect,
	.svg__pause{display: none;}
}
@media (max-width: 767px){
	.animatedbtn__play{width: 4rem; height: 4rem; background: url(../images/icon_video3.png) no-repeat top left; background-size: cover; margin: 0 auto;}
	.svg__rect,
	.svg__pause{display: none;}
}

@-webkit-keyframes loaded {
	100% { -webkit-transform: rotate(-450deg);
    transform: rotate(-450deg); }
}

@keyframes loaded {
	100% { -webkit-transform: rotate(-450deg);
    transform: rotate(-450deg); }
}

@-webkit-keyframes playHover {
	0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}

@keyframes playHover {
	0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}

/*swiper*/
.swiper-container{vertical-align: top;}
.swiper-page{position: relative; height: 40px; margin: 5rem 0 0; display: flex; justify-content: space-between; align-items: center;}
.swiper-page .swiper-pagination{width: 100%;}
.swiper-page .swiper-pagination::before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #E5E6E7; }
.swiper-page .swiper-pagination::after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 7px; height: 7px;  border-radius: 50%; background-color: #A22C24; }
.swiper-page .swiper-pagination-bullet {position: absolute; top: 50%; opacity: 1; width: 36px; height: 36px; transform: translateY(-50%); border-radius: 50%; border: 1px solid transparent; background: none;}
.swiper-page .swiper-pagination-bullet:before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #CDCDCD; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.swiper-page .swiper-pagination-bullet .num {opacity: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 5.25rem; font-weight: bold; color: rgba(162, 44, 36, 0.16);}
.swiper-page .swiper-pagination-bullet-active { border-color: #A22C24;}
.swiper-page .swiper-pagination-bullet-active:before{background: #A22C24;}
.swiper-page .swiper-pagination-bullet-active .num{opacity: 1;}
.swiper-page .swiper-pagination-bullet:nth-child(1) { left: 43.2%;}
.swiper-page .swiper-pagination-bullet:nth-child(2) { left: 56.33%;}
.swiper-page .swiper-pagination-bullet:nth-child(3) { left: 67.2%;}
.swiper-page .swiper-button{position: absolute; right: 0;}
.swiper-button{display: flex; justify-content: center; height: 40px;}
.swiper-button .swiper-button-next,
.swiper-button .swiper-button-prev{position: static; width: 40px; height: 40px;  background-color: #A22C24; background-size: 7px 12px; border: 1px solid #A22C24; opacity: 1; }
.swiper-button .swiper-button-disabled{background-color: transparent; border: 1px solid #D3D3D3;background-color: #D3D3D3;}
.swiper-button .swiper-button-prev{margin: 0 1rem 0 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");;}
.swiper-button .swiper-button-next{margin: 0 0 0 1rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");;}
@media (max-width: 767px){
	.swiper-page{margin: 20px 0 0;}
	.swiper-page .swiper-pagination-bullet:nth-child(1) { left: 15%;}
	.swiper-page .swiper-pagination-bullet:nth-child(2) { left: 35%;}
	.swiper-page .swiper-pagination-bullet:nth-child(3) { left: 55%;}
}

/* 侧板导航*/
.Side_nav{position: fixed;right: 0px; top: 50%; width: 80px;z-index: 1000; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,- 50%); transform: translate(0,-50%);}
.Side_nav ul{padding: 0;margin: 0;}
.Side_nav li{position:relative; height: 80px;  margin-bottom: 4px; transition: all 0.3s; z-index:3;}
.Side_nav li a{ position: relative;width: 80px; height: 80px; text-align: center; font-size: 12px; line-height: 16px; background: #2D2D2D; color: #fff; display: block; z-index: 100; overflow: hidden;}
.Side_nav li .icon{width: 100%; height: 24px; margin: 16px 0 8px; display: block; background: url(../images/icon_side_tel.png) no-repeat center center;}
.Side_nav li a:before{content: "";width: 0; height: 80px; background: #f25146; position: absolute;top: 0;left: 0; transition: all 0.6s; z-index: -1;}
.Side_nav li:hover a:before{width: 80px;}
#gotop{display: none;}
.Side_nav .tips { position: absolute; right: -200px; margin-right: 20px; top: 10px; overflow: hidden; padding: 20px 25px;  font-size: 15px; transition: all 0.6s; letter-spacing: -0.015em;  white-space: nowrap;}
.Side_nav .wx{height: 80px; top: 0;}
.Side_nav .wx img{position: relative; z-index: 10;}
.Side_nav .tips::after { content: ''; display: block; position: absolute; right: 2px; top: 48%; height: 20px; width: 20px;  -webkit-transform: rotate(45deg) translateY(-50%);  transform: rotate(45deg) translateY(-50%);}
.Side_nav .tips ,
.Side_nav .tips::after { background: #f25146; color: #fff;}
.Side_nav li .wx{right: 0; transition: all 0s; }
.Side_nav li:hover .tips { display: block; right: 100%; overflow: initial; }
.Side_nav li:hover .wx {width: 120px; height: 120px; padding: 10px; overflow: initial; }
.Side_nav li .icon_tel{background-image: url(../images/icon_side_tel.png);}
.Side_nav li .icon_online{background-image: url(../images/icon_side_zx.png);}
.Side_nav li .icon_mesg{background-image: url(../images/icon_side_mesg.png);}
.Side_nav li .icon_wx{background-image: url(../images/icon_side_wx.png);}
.Side_nav li .icon_return{background-image: url(../images/icon_side_return.png);}
@media (max-width:1199px){
	.Side_nav{display: none;}

}