

a{-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;}

@font-face {
    font-family:'sy';
    src: url('../fonts/sy.eot');
    src: url('../fonts/sy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sy.woff2') format('woff2'),
    url('../fonts/sy.woff') format('woff'),
    url('../fonts/sy.ttf') format('truetype'),
    url('../fonts/sy.svg#en') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'din';
    src: url('../fonts/din.eot');
    src: url('../fonts/din.eot?#iefix') format('embedded-opentype'),
    url('../fonts/din.woff2') format('woff2'),
    url('../fonts/din.woff') format('woff'),
    url('../fonts/din.ttf') format('truetype'),
    url('../fonts/din.svg#en') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-sy{font-family:'sy';}

.clearfix{*zoom:1;}
.clearfix::before{display:table;content:"";}
.clearfix::after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.w1200{max-width:1200px;margin:0 auto;}
.w1400{max-width:1400px;margin:0 auto;}
.w1440{max-width:1440px;margin:0 auto;}
.w1920{max-width:1920px;margin:0 auto;}
.w1900{max-width:1900px;margin:0 auto;}

@media screen and (max-width:1400px){.w1400{padding:0 20px;}}
@media screen and (max-width:1440px){.w1440{padding:0 20px;}}
@media screen and (max-width:1200px){.w1200{padding:0 20px;}}

body{background:#fafafc;padding-top:80px;}

.swiper-pagination{}
.swiper-pagination span,.swiper-button-prev,.swiper-button-next,.swiper-pagination-bullet{outline:none;}

.overh{overflow:hidden;}
.fixed{position:fixed;}

.textHidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}
.tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;}

.text-center{text-align:center;}


.float-bar{position:fixed;right:0;top:35%;z-index:2;}
.float-bar .box{position:relative;}
.float-bar .box *{display:block;height:50px;}
.float-bar .box .icon{width:50px;cursor:pointer;position:relative;z-index:2;}
.float-bar .box span{width:140px;position:absolute;right:-140px;top:0;font-size:16px;color:#fff;background:#a41d39;line-height:50px;text-align:center;z-index:1;opacity:0;}

.float-bar .box.tel span{font-size:18px;}
.float-bar .box.tel .icon{background:#222 url(float-icon01.png) no-repeat center center;}
.float-bar .box.service .icon{background:#222 url(float-icon02.png) no-repeat center center;}
.float-bar .box.wechat .icon{background:#222 url(float-icon03.png) no-repeat center center;}
.float-bar .box.lianshou .icon{background:#222 url(float-icon05.png) no-repeat center center;}
.float-bar .box.back-top .icon{background:#222 url(float-icon04.png) no-repeat center center;}
.float-bar .box.tel:hover .icon{background:#a41d39 url(float-icon01.png) no-repeat center center;}
.float-bar .box.service:hover .icon{background:#a41d39 url(float-icon02.png) no-repeat center center;}
.float-bar .box.wechat:hover .icon{background:#a41d39 url(float-icon03.png) no-repeat center center;}
.float-bar .box.lianshou:hover .icon{background:#a41d39 url(float-icon05.png) no-repeat center center;}
.float-bar .box.back-top:hover .icon{background:#a41d39 url(float-icon04.png) no-repeat center center;}

.float-bar .box.wechat span{width:140px;height:140px;padding:10px;top:-40px;}
.float-bar .box.wechat span img{width:100%;height:100%;}

.float-bar .box:hover span{opacity:1;right:50px;}

@media screen and (max-width:1025px){
    .float-bar{display:none;}
}

.page-banner{position:relative;height:450px;padding-top:-5px; margin-top:-5px}
.page-banner .content{padding:0px 60px;}
.page-banner .content .position{ margin-top:20px}
.page-banner .content .position > .icon{width:18px;height:19px;background:url(position-home-black.png) no-repeat center center;}
.page-banner .content .position .txt{border-left:1px solid #ebeaeb;line-height:15px;margin-left:20px;padding-left:15px;margin-top:2px; color:#999;}
/*.page-banner .content .position .txt *{float:left;}*/
.page-banner .content .position .txt .icon{margin:0px 10px;width:7px;height:15px;background:url(position-icon-black.png) no-repeat center center;display:inline-block;}
.page-banner .content .position .txt a{color:#999;}

/* .page-banner .content .position.black{}
.page-banner .content .position.black > .icon{background:url(../images/position-home-black.png) no-repeat center center;}
.page-banner .content .position.black .txt{border-left:1px solid #ebeaeb;}
.page-banner .content .position.black .txt .icon{background:url(../images/position-icon-black.png) no-repeat center center;}
.page-banner .content .position.black .txt a{color:#666;} */

.page-banner .content .contxt{color:#fff;width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:center;display:none;}
.page-banner .content .contxt .title{font-size:48px;}
.page-banner .content .contxt .line{width:40px;height:2px;background:#fff;margin:25px auto;}
.page-banner .content .contxt .subtit{font-size:24px;text-transform:uppercase;}

.page-banner .content .contxt.black{color:#000;}
.page-banner .content .contxt.black .line{background:#a41d39;}

@media screen and (max-width:1025px){
    .page-banner{height:150px;padding-top:15px;}
    .page-banner .content{padding:0;}
	.page-banner .content .position{ display:none;}
    .page-banner .content .position > .icon{}
    .page-banner .content .position .txt{padding-left:10px;margin-left:10px; color:#999}
	.page-banner .content .position .txt a{ color:#999}
    .page-banner .content .position .txt .icon{margin:0px 5px;}
    .page-banner .content .contxt{top:60%;}
    .page-banner .content .contxt .title{font-size:18px;}
    .page-banner .content .contxt .line{width:25px;margin:10px auto;}
    .page-banner .content .contxt .subtit{font-size:14px;}
}

.page-nav{background:#fff;box-shadow:0px 2px 25px rgba(0,0,0,0.07);position:relative;z-index:1;margin:0 auto;}
.page-nav .swiper-container{width:1200px;margin:0 auto;text-align:center;}
.page-nav .swiper-container .swiper-slide{margin:0 auto;text-align:center;border-bottom:2px solid #fff; float:left }
.page-nav .swiper-container .swiper-slide:before{content:'';position:absolute;right:0;width:1px;height:20px;background:#ddd;top:50%;margin-top:-10px;}
.page-nav .swiper-container .swiper-slide:last-child:before{display:none;}
.page-nav .swiper-container .swiper-slide a{display:block;line-height:83px;border-bottom:2px solid #fff;font-size:20px;color:#999;}
.page-nav .swiper-container .swiper-slide.active a{color:#333;border-bottom:2px solid #a41d39;}

.page-nav .about-nav-container{max-width:1400px; margin:0 auto;}
.page-nav .member-nav-container{max-width:735px; margin:0 auto;}
.page-nav .news-nav-container{max-width:1225px;margin:0 auto;}

@media screen and (max-width:1025px) {
	.page-nav .swiper-container{margin:0 auto; width:100%}
    .page-nav .swiper-container .swiper-slide{height:40px;}
    .page-nav .swiper-container .swiper-slide a{line-height:38px;font-size:14px;}
}

.page{text-align:center;}
.page *{display:inline-block;margin:0px 10px;width:42px;height:38px;font-size:20px;color:#999;line-height:28px;}
.page a.prev{background:url(page-prev.png) no-repeat center center;}
.page a.next{background:url(page-next.png) no-repeat center center;}
.page span.total{width:auto;font-size:16px;}
.page .on{color:#a41d39;border-bottom:2px solid #a41d39;}

@media screen and (max-width:1025px){
    .page *{height:35px;line-height:33px;font-size:14px;margin:0px 3px;}
    .page span.total{font-size:14px;}
}

.layer-modal{display:none;}
.layer-modal .content{padding:30px;width:720px;position:relative;height:600px;overflow:hidden;}
.layer-modal .content .close{position:absolute;width:19px;height:19px;background:url(modal-close.png) no-repeat center center/cover;right:30px;top:30px;cursor:pointer;z-index:2;}

.zz-modal{}
.zz-modal .img{position:absolute;top:50%;transform:translateY(-50%);width:100%;left:0;}
.zz-modal .img img{margin:0 auto;}

.video-modal .img{position:absolute;top:50%;transform:translateY(-50%);width:100%;left:0;padding:0px 20px;}

.jm-modal .content{height:100%;}
.jm-modal .content .title{text-align:center;font-size:36px;color:#a41d39;margin-bottom:40px;}
.jm-modal .content .list{margin-top:25px;overflow:hidden;}
.jm-modal .content .list .label{width:170px;line-height:45px;float:left;text-align:right;}
.jm-modal .content .list .input{margin-left:200px;}
.jm-modal .content .list .input input{width:360px;height:45px;padding:0px 10px;border:1px solid #dce0e3;}
.jm-modal .content .list .input input[type=button]{width:180px;height:50px;line-height:50px;text-align:center;border-radius:30px;background:#a41d39;color:#fff;font-size:20px;margin:0 auto;margin-top:35px;cursor:pointer;}

.jm-modal .content .list.duan{}
.jm-modal .content .list.duan .label{width:85px;}
.jm-modal .content .list.duan .input{margin-left:100px;}
.jm-modal .content .list.duan .input input{width:130px;}

@media screen and (max-width:1025px) {
    .layer-modal .content{width:100%;height:400px;}
    .layer-modal .content .close{top:15px;right:15px;}

    .jm-modal .content{padding-bottom:20px;height:auto;}
    .jm-modal .content .title{font-size:16px;margin-bottom:30px;}
    .jm-modal .content .list{margin-top:10px;width:100% !important;}
    .jm-modal .content .list .label{width:100%;text-align:left;float:none;line-height:inherit;margin-bottom:4px;}
    .jm-modal .content .list .input{margin-left:0 !important;}
    .jm-modal .content .list .input input{height:35px;width:100% !important;}
    .jm-modal .content .list .input input[type=button]{margin-top:0;height:40px;line-height:40px;font-size:14px;}
}
