body { color:#686868; font-size:14px; font-family:"Arial","Microsoft YaHei"; }
html{ overflow-y:scroll;}
html.noscroll{ overflow: hidden; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3{ margin:0px; padding:0px; border:0; }
a:link{ text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

.main-banner{ margin-top: 80px; overflow: hidden; position: relative; margin-bottom: 100px; }
.main-banner .swiper-container{ position: relative; }
.main-banner .swiper-wrapper{ height: auto; }
.main-banner img{ width: 100%; }
.main-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #e62029; }
.main-banner .swiper-button-next{ background: url(../../images/next.png) no-repeat center; background-size: 40%; height: 80px; width: 60px; margin-top: -40px; }
.main-banner .swiper-button-prev{ background: url(../../images/prev.png) no-repeat center; background-size: 40%; height: 80px; width: 60px; margin-top: -40px; }
.main-banner .hide{ display: none; }
.main-banner .swiper-container3{ display: none; }


/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{ float:left;}
.float_r{ float:right;}


/*字体*/
.Arial { font-family:Arial;}
.YaHei { font-family:"microsoft yahei","宋体";}
@font-face {
    font-family: "din-b";
    src: url("../fonts/din-bold.TTF") format("truetype");
}
@font-face {
    font-family: "din-l";
    src: url("../fonts/din-light.TTF") format("truetype");
}

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

/*公用*/
.div100{ width:100%;}
.B{ font-weight:bold;}
.Text_l{ text-align:left;}
.Text_r{ text-align:right;}
.Text_c{ text-align:center;}
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }

.all{ width: 1200px; margin: 0 auto; }
.container{ overflow:hidden; position:relative; }

.main-header{ position: fixed; width: 100%; top: 0; background: #fff; left: 0; height: 80px; z-index: 1005; box-shadow: 0 0 10px rgba(70, 70, 78, .1); }
.main-header .all{ position: relative; }
.main-header .main-logo{ width: 280px; height: 80px; float: left; margin-left: 4%; background: url(../../images/main-logo.png) no-repeat center; }
.main-header .main-logo a{ display: block; height: 100%; }
.main-header .main-menu{ float: right; margin-right: 10%; }
.main-header .main-menu li{ float: left; font-size: 16px; height: 80px; width: 86px; margin-left: 15px; text-align: center; position: relative; }
.main-header .main-menu li>a{ color: #202029; display: block; line-height: 80px; position: relative; transition: all 0.3s ease; }
.main-header .main-menu li.active>a{ color: #e62029; }
.main-header .main-menu li>a::after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: -3px; width: 100%; height: 3px; background: #e62029; transition: all 0.3s ease; }
.main-header .main-menu li.active>a::after{ bottom: 0; opacity: 1; }
.main-header .main-tel{ float: right; width: 190px; height: 80px; background: url(../../images/main-tel.png) no-repeat center; margin-right: 4%; }
.main-header .main-menu li dl{ position: absolute; top: 80px; background: #fff; box-shadow: 1px 1px 10px rgba(70, 70, 78, .1); left: -67px; padding: 20px 0; visibility: hidden; transform: translateY(30px); transition: all 0.2s ease; opacity: 0; }
.main-header .main-menu li:hover dl{ visibility: visible; transform: translateY(0); transition: all 0.3s ease; opacity: 1; }
.main-header .main-menu li dl dd{ margin-bottom: 10px; }
.main-header .main-menu li dl dd a{ font-size: 14px; display: block; color: #202029; padding: 5px 10px; text-align: center; width: 200px; transition: all 0.3s ease; }
.main-header .main-menu li dl dd a:hover{ color: #e62029; }

.main-header .phone-btn{ position:absolute; right:20px; top:30px; width:24px; height:18px; z-index:2; cursor:pointer; visibility: hidden; opacity: 0; }
.main-header .phone-btn span{ display:block; width:100%; height:2px; background:#e62029; position:absolute; left:0; }
.main-header .phone-btn .sp1{ top:0; transform:translateX(0); transition:all 0.3s ease 0.4s; }
.main-header .phone-btn .sp2{ top:8px; background:none; transition:all 0.3s ease 0.5s; transform:rotateY(0); }
.main-header .phone-btn .sp2 em{ display:block; background:#e62029; height:2px; }
.main-header .phone-btn .sp3{ bottom:0; transform:translateX(0); transition:all 0.3s ease 0.4s; }
.main-header .phone-btn.cur .sp1{ transform:translateX(-100%); transition:all ease 0.3s; opacity:0; }
.main-header .phone-btn.cur .sp2{ transition:all 0.3s ease 0.1s; transform:rotateY(90deg); }
.main-header .phone-btn.cur .sp3{ transform:translateX(100%); transition:all ease 0.3s; opacity:0; }

.main-header .phone-close{ visibility: hidden; opacity: 0; position:absolute; z-index: 1; width:26px; right:20px; top:30px; height:18px; cursor:pointer; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); transition: all 0.3s ease 0.3s; }
.main-header .phone-close.cur{ z-index: 3; opacity: 1; transition: all 0.4s ease 0.5s; }
.main-header .phone-close span{ display:block; height:2px; top:50%; margin-top:-1px; background:#e62029; position:absolute; width:100%; transform:rotate(0); transition:all ease 0.3s; }
.main-header .phone-close.cur span.sp1{ transform:rotate(45deg); transition:all 0.3s ease 0.5s; }
.main-header .phone-close.cur span.sp2{ transform:rotate(-45deg); transition:all 0.3s ease 0.5s; }

.main_mask{ background: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1003; display: none; visibility: hidden; opacity: 0; }
.zi_menu{ position: fixed; z-index: 1004; height: 100%; width: 50%; right: -60%; top: 0; box-sizing: border-box; background: #fff; transition: all 0.5s ease 0.5s; padding: 100px 5% 40px; display: none; }
.zi_menu.cur{ right: 0; transition: all 0.5s ease; }
.zi_menu ul{ height: 100%; overflow-y: scroll; padding-right: 14px; }
.zi_menu li{ border-bottom: 1px solid #acacac; }
.zi_menu li>a{ color: #e62029; font-size: 16px; display: block; padding: 10px 0; }
.zi_menu li dl{ padding-bottom: 10px; display: none; }
.zi_menu li dl dd{ margin-bottom: 5px; font-size: 14px; }
.zi_menu li dl dd a{ display: block; color: #1d1d1f; padding: 5px; }

.main-footer{ background: #1d1d1f; }
.main-footer .menu{ padding: 70px 0 80px; text-align: center; }
.main-footer .menu img{ margin-bottom: 65px; width: 277px; }
.main-footer .menu a{ color: #87878e; margin: 0 20px; position: relative; transition: all 0.3s ease; }
.main-footer .menu a::after{ content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 1px; background: #e62029; transform: translateY(2px); opacity: 0; transition: all 0.2s ease; }
.main-footer .menu a:hover{ color: #e62029; }
.main-footer .menu a:hover::after{ transform: translateY(0); opacity: 1; }
.main-footer .contac{ border-top: 1px solid #3b3b40; border-bottom: 1px solid #3b3b40; padding: 30px 0; font-size: 12px; }
.main-footer .contac .tip{ float: left; padding-left: 34px; color: #939394; margin-right: 130px; line-height: 29px; }
.main-footer .contac .tip a{ color: #939394; transition: all 0.3s ease; }
.main-footer .contac .tip a:hover{ color: #e62029; }
.main-footer .contac .tip1{ background: url(../../images/f-icon1.png) no-repeat left center; }
.main-footer .contac .tip2{ background: url(../../images/f-icon2.png) no-repeat left center; }
.main-footer .contac .tip3{ background: url(../../images/f-icon3.png) no-repeat left center; margin-right: 0; }
.main-footer .contac .code{ float: right; }
.main-footer .contac .code a{ display:inline-block; width: 29px; height: 29px; border-radius: 50px; margin-left: 10px; transition: all 0.3s ease; }
.main-footer .contac .code a:hover{ background-color: #454548; }
.main-footer .contac .code .wei{ position: relative; background: #2a2a2a url(../../images/wei.png) no-repeat center; }
.main-footer .contac .code .wei img{ position: absolute; top: -115px; left: -33px; transform: translateY(10px); opacity: 0; transition: all 0.3s ease; visibility: hidden; }
.main-footer .contac .code .wei:hover img{ opacity: 1; transform: translateY(0); visibility: visible; }
.main-footer .contac .code .sina{ background: #2a2a2a url(../images/sina.png) no-repeat center; }
.main-footer .copy{ color: #7b7b82; font-size: 12px; line-height: 90px; text-align: center; }
.main-footer .copy a{ color: #7b7b82; }

.team_bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1008; display: none; }
.team_fix{ position: fixed; background: #fff; border-radius: 5px; width: 700px; left: 50%; top: 10%; height: 70%; margin-left: -350px; z-index: 1009; padding: 30px 45px; padding: 30px 0; box-sizing: border-box; display: none; }
.team_fix .title{ border-bottom: 1px solid #d4d4d5; position: relative; margin: 0 30px; padding-bottom: 20px; margin-bottom: 25px; }
.team_fix .title h3{ display: inline-block; font-size: 32px; color: #29262f; margin-right: 25px; }
.team_fix .title span{ color: #676774; }
.team_fix .title .close{ position: absolute; width: 30px; height: 30px; background: url(../../images/close.png) no-repeat center; right: 0; top: 6px; transition: all 0.3s ease; }
.team_fix .title .close:hover{ transform: rotate(180deg); }
.team_fix .cont{ height: 85%; }
.team_fix .cont .item_list{ padding-left: 45px; position: relative; }
.team_fix .cont .item_list::after{ content: ''; position: absolute; width: 1px; height: 100%; background: #f9c7c9; left: 16px; top: 0; }
.team_fix .cont .item_list .icon{ position: absolute; left: 0; top: 0; width: 32px; height: 32px; background-color: #f0e6e6; border-radius: 50px; z-index: 1; background-repeat: no-repeat; background-position: center; }
.team_fix .cont .item_list .icon1{ background-image: url(../../images/icon1.png); }
.team_fix .cont .item_list .icon2{ background-image: url(../../images/icon2.png); }
.team_fix .cont .item_list .icon3{ background-image: url(../../images/icon3.png); }
.team_fix .cont .item_list .icon4{ background-image: url(../../images/icon4.png); }
.team_fix .cont .item_list .icon5{ background-image: url(../../images/icon5.png); }
.team_fix .cont .item_list .icon6{ background-image: url(../../images/icon6.png); }
.team_fix .cont .item_list .icon7{ background-image: url(../../images/icon7.png); }
.team_fix .cont .item_list .tit{ font-weight: bold; font-size: 16px; color: #29262f; margin-bottom: 5px; }
.team_fix .cont .item_list p{ line-height: 22px; color: #676774; padding-bottom: 20px; }
.team_fix .cont .swiper-slide{ height: auto; padding: 0 30px; box-sizing: border-box; }
.team_fix .swiper-container-vertical>.swiper-scrollbar{ right: 14px; }

.main-page{ text-align: center; font-size: 0; }
.main-page a{ width: 30px; height: 30px; font-size: 14px; border-radius: 3px; color: #b4b4c1; background: #e3e8ec; line-height: 30px; display: inline-block; vertical-align: middle; margin: 0 5px; }
.main-page a:hover,.main-page a.active{ color: #fff; background: #e62029; }
.main-page a.prev{ }

@media only screen and (max-width: 1500px) {
    .main-header .main-logo{ margin-left: 30px; }
    .main-header .main-tel{ margin-right: 30px; }
    .main-header .main-menu{ margin-right: 5%; }
}
@media only screen and (max-width: 1370px) {
    .main-header .main-menu{ margin-right: 30px; }
    .main-header .main-tel{ width: 140px; background-size: 100%; }
}
@media only screen and (max-width: 1280px) {
    .main-header .main-menu li{ margin-left: 10px; font-size: 14px; width: 76px; }
    .all{ width: 100%; box-sizing: border-box; padding: 0 20px }
}
@media only screen and (max-width: 1150px) {
    .main-header .main-tel{ display: none; }
}
@media only screen and (max-width: 1024px) {
    .main-menu{ display: none; }
    .main-header .phone-btn,.main_mask{ visibility: visible; opacity: 1; }
    .main-header .phone-close{ visibility: visible; }
    .zi_menu{ display: block; }
}
@media only screen and (max-width: 768px) {
    .team_fix{ width: 80%; left: 10%; margin-left: 0; }
    .team_fix .title h3{ font-size: 28px; }
}
@media only screen and (max-width: 510px) {
    .main-header .main-logo{ background-size: auto 35px; background-position: left; }
    .main-footer .menu{ display: none; }
    .main-footer .contac .tip{ float: none; margin-right: 0; }
    .main-footer .copy{ line-height: 40px; font-size: 9px; }
    .main-footer .contac{ position: relative; }
    .main-footer .contac .code{ position: absolute; right: 0; bottom: 30px; }
    .team_fix{ width: 90%; left: 5%; }
    .team_fix .title h3{ font-size: 26px; }
    .team_fix .title{ margin: 0 20px 20px; }
    .team_fix .swiper-container-vertical>.swiper-scrollbar{ right: 10px; }
    .team_fix .cont .swiper-slide{ padding: 0 20px; }
}