﻿.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;
-ms-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}
.edit-container{line-height:30px}
.edit-container ul{list-style:disc}
.edit-container ol{list-style:decimal}
.edit-container *{max-width:100%!important}
.hamburger {
display: inline-block;cursor: pointer;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;
margin: 0;overflow: visible;display: none;float: right;line-height: 0;position: absolute;z-index: 10;top: 50%;right: 15px;
transition-property: opacity, -webkit-filter;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)}
.hamburger-box{width:22px;height:12px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:22px;height:2px;background-color:#111;border-radius:4px;position:absolute;
transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,
-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}
.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}
.hamburger--elastic .hamburger-inner{top:0;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}
.hamburger--elastic .hamburger-inner:before{top:6px;-webkit-transition:opacity .15s ease .4s;transition:opacity .15s ease .4s}
.hamburger--elastic .hamburger-inner:after{top:12px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
-webkit-transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);
transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}
.hamburger--elastic.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg);
-webkit-transition-delay:.1s;transition-delay:.1s;top:-3px}
.hamburger--elastic.is-active .hamburger-inner:before{-webkit-transition-delay:0s;transition-delay:0s;opacity:0}
.hamburger--elastic.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-19px,0) rotate(-268deg);transform:translate3d(0,-19px,0) rotate(-268deg);
-webkit-transition-delay:.1s;transition-delay:.1s;top:19px}


@font-face {
	font-family: DIN-BlackAlternate;
	src: url(../fonts/din-blackalternate.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "../fonts/DIN-BlackAlternate";
	src: url(../fonts/din-blackalternate.woff) format("woff"), url(../fonts/din-blackalternate.eot) format("embedded-opentype"), url(../fonts/din-blackalternate.svg#din-blackalternate) format("svg");
	font-weight: 400;
	font-style: normal;
}
.section-top{margin-bottom:40px}
.section-top.txt-gray{color:#dbdbdb}
.section-top.txt-white{color:#fff}
.section-top .title{font-size:36px;line-height:1;margin-bottom:20px;font-family:/*simsun*/fantasy !important;/*DIN-BlackAlternate*/letter-spacing: 3px;}
.section-top .title-small{font-size:16px}
.section-top .icon{margin-right:10px}.bg-gray{background:hsla(0,0%,96.9%,.5)}
.bg-purple,.btn-overlap{background:#6b00fe}
.btn-overlap{color:#fff;position:relative;padding:0 30px;line-height:50px}
.btn-overlap:after{content:"";display:block;width:100%;height:100%;position:absolute;z-index:5;bottom:-4px;right:-5px;border:3px solid #6b00fe;
-webkit-transition:all .2s linear;transition:all .2s linear}
.btn-overlap:hover:after{bottom:4px}
.btn-long{width:155px;font-size:16px;width:100%;max-width:350px}
.btn-hollow{border:3px solid transparent;padding:0 30px;line-height:50px}
.btn-hollow.btn-black{background:#fff;color:#000;border-color:#000;-webkit-box-shadow:5px 4px 0 0 #000;box-shadow:5px 4px 0 0 #000}
.btn-hollow.btn-black:hover{-webkit-box-shadow:5px -4px 0 0 #000;box-shadow:5px -4px 0 0 #000}
.btn-hollow.btn-white{background:#6b00fe;color:#fff;border-color:#fff;-webkit-box-shadow:5px 4px 0 0 #fff;box-shadow:5px 4px 0 0 #fff}
.btn-hollow.btn-white:hover{-webkit-box-shadow:5px -4px 0 0 #fff;box-shadow:5px -4px 0 0 #fff}
#bannerTop{position:relative;width: 100%;}
#bannerTop img.conban{width: 100%;}
#bannerTop .banner-content{position:absolute;background:rgba(0,0,0,0.4);top:0;left:0;right:0;bottom:0}
#bannerTop .banner-content .banner-box{position:absolute;bottom:100px;left:0;right:0}
#bannerTop .banner-content .title{font-size:52px}
#bannerTop .banner-content .title-small{font-size:26px}
#bannerTop .banner-content .desc{font-size:16px;padding-top:10px}
#bannerTop .banner-content .desc span{vertical-align:middle}
#bannerTop .banner-content .desc p{margin-top:16px}
.w-1530{max-width:1530px}
.filmInfo-list{text-align:center}
.filmInfo-list .pic{margin-bottom:10px}
.filmInfo-list .pic img{-webkit-transition:all .3s linear;transition:all .3s linear;
-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.filmInfo-list .title{font-size:16px;margin-bottom:8px}
.filmInfo-list .date{font-size:12px;margin-bottom:8px}
.filmInfo-list .actors{font-size:12px}
.filmInfo-list a{display:inline-block;width:100%;text-align:left}
.filmInfo-list a:hover img{-webkit-clip-path:polygon(0 16%,100% 0,100% 84%,0 100%);clip-path:polygon(0 16%,100% 0,100% 84%,0 100%)}
.filmInfo-list a:hover .title{color:#6b00fe}
.news-type{font-size:0;text-align:center}
.news-type a{font-size:14px;width:132px;height:50px;border:3px solid #000;-webkit-box-shadow:5px 5px 0 0 #000;box-shadow:5px 5px 0 0 #000;background:#fff;line-height:44px}
.news-type a:not(:last-child){margin-right:-3px}
.news-type a.active,.news-type a:hover{-webkit-box-shadow:5px -5px 0 0 #000;box-shadow:5px -5px 0 0 #000}
.bar-container{padding-left:200px;position:relative}
.bar-container:before{content:"";position:absolute;top:14px;left:0;display:block;width:139px;height:24px;background:#6b00fe;margin-right:70px}
.bar-container .bar-title{font-size:52px;line-height:1;font-weight:700;color:#111}
.bar-container .bar-desc{font-size:24px;font-weight:700;margin-top:50px;margin-bottom:40px}
.page_list a{margin:0 10px;border-bottom:1px solid transparent;font-size:16px}
.page_list a.on,.page_list a:hover{border-bottom-color:#333}
@-webkit-keyframes rotate360{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes rotate360{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}

#header{position:absolute;z-index:999;top:0;left:0;right:0;height:70px;line-height:70px;border-bottom:1px solid hsla(0,0%,100%,.2);
padding:0 60px;-webkit-transition:all .3s linear;transition:all .3s linear}
#header.header-fixed{position:fixed;background:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
#header.header-fixed,#header.header-fixed a{color:#333}
#header.header-fixed .header-logo .logo-pc{display:none}
#header.header-fixed .header-logo .logo-mb{display:inline-block;/*width:220px*/}
#header.header-fixed .header-nav li>a:after{background:#000}
#header:after{content:""}
#header,#header a{color:#fff}
#header .logo-mb{display:none}
#header .header-nav li{float:left;position:relative;margin:0 20px}
#header .header-nav li:last-child{margin-right:0}
#header .header-nav li>a{display:block;padding:0 16px;position:relative;font-size: 16px;}
#header .header-nav li>a:after{content:"";display:block;position:absolute;width:0;height:4px;bottom:0;left:50%;-webkit-transform:translateX(-50%);
transform:translateX(-50%);background:#fff;-webkit-transition:width .2s linear;transition:width .2s linear}
#header .header-nav li.active a:after,#header .header-nav li:hover a:after{width:100%}
#header .header-nav li:hover>dl{margin-top:0;opacity:1;visibility:visible}
#header .header-nav li>dl{position:absolute;width:180px;top:100%;left:50%;margin-left:-90px;margin-top:10px;background:#fff;line-height:16px;white-space:nowrap;
padding:20px 25px;visibility:hidden;opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}
#header .header-nav li>dl dt{/*margin:20px 0;*//*width:120px*/}
#header .header-nav li>dl a{color: #000;position: relative;height: 40px;line-height: 40px;display: block;text-align: center;}
#header .header-nav li>dl a:before{content:"";width:18px;height:3px;background:#d61419;position:absolute;top:100%;right:calc(50% - 24px);margin-right:14px;
-webkit-transform:scaleY(.5) translateY(-50%);transform:scaleY(.5) translateY(-50%);display:none}
#header .header-nav li>dl a:hover:before{display:block}
#header .header-nav li>dl a:hover{color: #D61419;}

.icon-wechat{position:relative}
.icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-230px;left:-77px;width:200px;height:192px;color:#666;
font-size:12px;text-align:center;background-color:#fff;
-webkit-box-shadow:0 2px 10px #aaa;box-shadow:0 2px 10px #aaa;-webkit-transition:all .2s;transition:all .2s;-webkit-tansition:all .35s;-moz-transition:all .35s}
.icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.icon-wechat .wechat-qrcode.bottom:after{display:none}
.icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
.icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}
.icon-wechat .wechat-qrcode:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border:6px solid transparent;border-top:8px solid #fff}
.icon-wechat:hover .wechat-qrcode{display:block}
.icon-wechat .help{display:none}
.icon-wechat .wechat-qrcode{top:-185px;left:-52px;width:150px;height:150px}
#top{position:fixed;z-index:999;bottom:50px;right:15px;background:#D61419;-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);
width:40px;height:40px;border-radius:50%;text-align:center;line-height:36px;overflow:hidden;display:none;-webkit-transition:none;transition:none}
#top:hover{opacity:.8}
/*banner轮播*/
#banner .swiper-pagination{padding:0 60px;bottom:40px;text-align:left}
#banner .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:2px;height:10px;background:#fff;opacity:1;-webkit-transition:height .2s linear;transition:height .2s linear}
#banner .swiper-pagination .swiper-pagination-bullet-active{height:20px}
#banner .slide-progress{position:absolute;z-index:10;top:50%;right:60px;width:1px;height:200px;margin-top:-100px;background:hsla(0,0%,100%,.6)}
#banner .slide-progress:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:#fff}
#banner .slide-progress.animated:after{height:100%;-webkit-transition:height 5s linear;transition:height 5s linear}
#banner .swiper-slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:5}
#banner .swiper-slide img{width:100%}
#banner .swiper-slide .title{font-size:50px;font-weight:700}
#banner .swiper-slide .desc{text-align:justify}
#banner .swiper-slide .desc .txt{font-size:0}
#banner .swiper-slide .desc .txt:after{content:"";display:inline-block;width:100%;font-size:0}
#banner .swiper-slide .desc .txt-cn span{font-size:30px}
#banner .swiper-slide .desc .txt-en{letter-spacing:5px;display:inline-block;width:100%}
#banner .swiper-slide .desc .txt-en span{font-size:12px}
#banner .swiper-slide .slide-content{position:absolute;bottom:200px;left:60px;color:#fff;z-index:10}
#banner .swiper-slide.swiper-slide1 .slide-content{left: auto;right: 60px;}
#banner .swiper-next{position:absolute;z-index:10;top:50%;left:60px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#banner .swiper-next:hover{opacity:.6}
/*关于我们*/
#aboutCross{overflow:hidden}
#aboutCross .section-top{display:inline-block;text-align:left}
#aboutCross .section-top .ac-title{color:#333;font-size:36px;line-height:1}
#aboutCross .left-pic{width: 90%;}
#aboutCross .ac-left .pic-box{display:inline-block;padding:38px;border-radius:50%;position:relative}
#aboutCross .ac-left .pic-box .animated-box{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #dbdbdb;
border-radius:50%;-webkit-animation:rotate360 10s linear infinite;animation:rotate360 10s linear infinite}
#aboutCross .ac-left .pic-box .animated-box:before{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:50px;
-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#fff;z-index:5}
#aboutCross .ac-left .pic-box img{position:relative;z-index:10;border-radius:50%}
#aboutCross .ac-left .pic-box .pic-circle{position:absolute;width:50%;height:50%;border:2px solid #D61419}
#aboutCross .ac-left .pic-box .pic-circle:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#D61419;position:absolute}
#aboutCross .ac-left .pic-box .pic-circle.circle-top{top:-2px;left:-2px;border-right:0;border-radius:100% 0 0 0}
#aboutCross .ac-left .pic-box .pic-circle.circle-top:after{top:-8px;right:-8px}
#aboutCross .ac-left .pic-box .pic-circle.circle-bottom{bottom:-2px;right:-2px;border-left:0;border-radius:0 0 100% 0}
#aboutCross .ac-left .pic-box .pic-circle.circle-bottom:after{bottom:-8px;left:-8px}
#aboutCross .ac-right{padding-top:76px}
#aboutCross .ac-right .content{color:#999;line-height:30px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #dbdbdb}
#aboutCross .ac-list{color:#999}
#aboutCross .ac-list>li:not(:last-child){margin-bottom:25px}
#aboutCross .ac-list>li.active{color:#333}
#aboutCross .ac-list>li.active .title:before{background:#333}
#aboutCross .ac-list>li .title{position:relative;-webkit-transition:padding .2s linear;
transition:padding .2s linear;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#aboutCross .ac-list>li .title:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#999;margin-right:20px;position:absolute;top:50%;left:0;
-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;visibility:hidden;-webkit-transition:padding .2s linear .1s;transition:padding .2s linear .1s}
#aboutCross .ac-list>li.show-desc .desc{display:block}
#aboutCross .ac-list>li.active .title,#aboutCross .ac-list>li:hover .title{padding-left:25px}
#aboutCross .ac-list>li.active .title:before,#aboutCross .ac-list>li:hover .title:before{visibility:visible;opacity:1}
#aboutCross .ac-list>li .desc{padding-top:20px;display:none}
#aboutCross .ac-list>li .count{font-size:86px;font-weight:700;line-height:1;color:#D61419;}
#aboutCross .ac-list>li .count span{font-size: 18px;display: block;line-height: 28px;}
/*团队*/
.index3{background: #302f35;}
.index3 .img{float:left; line-height: 0; width:16.66%; position: relative; overflow: hidden;position: relative;}
.index3 .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.index3 .img .itm_txt{position: absolute;width: 100%;bottom: 0;left: 0;padding: 20px 15px 10px 15px;display: none;
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.6));
background: -o-linear-gradient(bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.6)); 
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.6)); 
background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.6)); 
}
.index3 .img .itm_txt .itm_txtb{}
.index3 .img .itm_txt h3{color: #fff;font-size: 16px;line-height: 22px;font-weight: normal;}
.index3 .img .itm_txt h3 small{font-size: 16px;margin-left: 5px;}
.index3 .img .itm_txt h4{color: #fff;font-size: 14px;line-height: 20px;font-weight: normal;}
.index3 .img .itm_txt p{color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 20px;font-size: 14px;}
.index3 .img2{width:33.3%;}
.index3 .img3{width:16.7%;}
.index3 .designMore{width:166px; height: 45px; position: absolute; top:50%; left: 50%; border:1px solid #fff; line-height:45px; font-size:16px; color:#fff; text-align: center;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.index3 .img4{width:16.65%;}
.index3 .img5{width:33.4%;}
.index3 .img:hover img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.index3 .img:hover .itm_txt{display: block;}
.index3Ph{display:none; padding:30px 0 0 0;}
.index3Ph .slick-dots{bottom:-20px;width:100%; right:0; text-align: center; line-height: 0; z-index: 99;}
.index3Ph .slick-dots li{width:8px; height: 8px; background-color:#444444; border-radius: 50%; margin: 0 4px;}
.index3Ph .slick-dots li.slick-active{background-color:#c9151e;}


/*合作伙伴*/
.ipartner{width: 100%;padding: 85px 0;}
.partner-container{padding: 0 60px;}
.ip_title{width: 100%;margin-bottom: 80px;}
.ip_title h2{font-size: 32px;line-height: 1;margin-bottom: 20px;text-align: center;color: #dbdbdb;}
.ip_title p{font-size: 36px;text-align: center;line-height: 1;}
.logo-box { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content:flex-start; overflow: hidden;} 
.logo-box, .logo-box .logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } 
.logo-box .logo { width: calc(14.28% - 100px); height: 85px; -ms-flex-pack: center; justify-content: center; margin: 0 50px 40px 50px; cursor: pointer; position: relative } 
.logo-box .logo img { max-width:75%; max-height:75%; transition: opacity .3s ease-in-out; opacity: .7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } 
.logo-box .logo .normal { opacity: 1 } 
.logo-box .logo .gray, .logo-box .logo:hover .normal { opacity: 1 } 
.logo-box .logo:hover .gray { opacity: 0 } 
.arr-down { animation: arrDown 1.5s ease-out infinite } 
@keyframes arrDown { 
	0% { transform: translate(-50%) rotate(90deg); opacity: 1 } 
	35% { transform: translate(-50%, -5px) rotate(90deg); opacity: 0 } 
	65% { transform: translate(-50%, -5px) rotate(90deg); opacity: 0 } 
	to { transform: translate(-50%) rotate(90deg); opacity: 1 } 
} 
.logo-container .logo-btn { /* margin: 30px auto; */ /*margin-bottom: 5.625rem;*/ text-align: center } 
.logo-container .logo-more { width:150px; height:45px;line-height: 45px; border: 1px solid #666; cursor: pointer; display: -ms-flexbox; display: flex; 
	-ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 auto; transition: all .3s ease-in-out } 
.logo-container .logo-more span { font-size:15px; color: #282828; letter-spacing: 0; text-align: center } 
.logo-container .logo-more .icon_arr_right { font-size: .875rem; margin-left: 15px; color: #282828 } 
.logo-container .logo-more:hover {border: 1px solid #D61419;}
.logo-container .logo-more:hover span{color: #D61419;}

/*左侧悬浮框*/
.back-top{ display: none; cursor: pointer; position: fixed; bottom:45px; right: 10px; z-index: 222; width: 66px; height: 66px;box-shadow:0px 4px 6px 0px rgba(100,100,100,0.35);
border-radius: 33px; background-color: #fff; text-align: center; line-height: 66px; } 
.back-top img{ vertical-align: middle; } 
.close{ position: absolute; right: 5px; top: 5px; cursor: pointer; } 
.fixed-right{ display: none; position: fixed; right: 15px; bottom: 250px; z-index: 223; background: #fff; width: 250px; height: 400px; border-radius: 15px; padding-top: 10px; 
box-shadow: 1px -2px 6px 0px rgba(183,183,183,0.31); overflow: hidden; } 
.fixed-right .box-bg{ position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; overflow: hidden; 
background: linear-gradient(130deg,#d61419,#fc272c); } 
.fixed-right .box-bg:after{ content: ''; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); background-color: #fff; width: 280px; height: 50px; border-radius: 400%; } 
.phone{ margin-top: 10px;padding-bottom: 20px; border-bottom: 1px solid #ddd; } 
.phone a{ font-size: 24px; font-weight: 700; color: #D61419; display: block;}
.contact-group{ margin: 15px auto; } 
.contact-group img{width: 60%;margin: 10px auto;display: block;}
.contact-group span{display: block;text-align: center;font-size: 15px;}
a.contact-link{ display: inline-block; background-color: #CCD6E9; width: 135px; height: 42px; line-height: 42px; text-align: center; color: #002c72; border-radius: 5px; } 
a.contact-link img{ vertical-align: middle; } 
.fix-contact{ cursor: pointer; position: fixed; bottom: 120px; right: 10px; z-index: 224; width: 66px; height: 66px; box-shadow:0px 4px 6px 0px rgba(100,100,100,0.35);
border-radius: 33px; background-color: #fff; text-align: center; line-height: 66px; } 
.fix-contact img{ vertical-align: middle; } 

/*作品展示*/
.icase{width: 100%;padding:85px 0;background: #f8f8f8;}
.icase_ul{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.icase_ul .icase_li{width: calc(25% - 30px);margin: 0 15px 30px 15px;}
.icase_ul .icase_li a{display: block;}
.icase_ul .icase_li .icase_liimg{width: 100%;}
.icase_ul .icase_li .icase_liimg img{display: block;width: 100%;}
.icase_ul .icase_li .icase_litxt{padding: 20px;background: #fff;width: 100%;}
.icase_ul .icase_li .icase_litxt h3{margin-bottom: 18px;font-weight: normal;}
.icase_ul .icase_li .icase_litxt h3 span{font-size: 22px;color: #292929;}
.icase_ul .icase_li .icase_litxt h3 small{font-size: 16px;color: #565656;}
.icase_ul .icase_li .icase_litxt h3 small.hmgang{margin: 0 5px 0 10px;}
.icase_ul .icase_li .icase_litxt p{display: flex;justify-content: space-between;align-items: center;}
.icase_ul .icase_li .icase_litxt p span{font-size: 14px;color: #979797;}
.icase_ul .icase_li .icase_litxt p small{width:30px;}
.icase_ul .icase_li .icase_litxt p small img{width: 100%;display: block;}
.icase_ul .icase_li .icase_litxt p small img.hong{display: none;}
.icase_ul .icase_li a:hover .icase_litxt p small img.hong{display: block;animation: finger infinite 3s;}
.icase_ul .icase_li a:hover .icase_litxt p small img.hui{display: none;}
.icase_ul .icase_li a:hover .icase_litxt p small{}
.icase_ul .icase_li.icase_li1{width: calc(50% - 30px);}
@keyframes finger {
    0% { transform: translate(-7px)}
    25% {transform: translate(7px) }
    50% { transform: translate(-7px)}
    75% { transform: translate(7px)}
    100% {transform: translate(-7px)}
}
.morebtn{margin-top: 30px;display: flex;justify-content: center;align-items: center;}
.morebtn a{width: 150px;height: 45px;line-height: 45px;border: 1px solid #666;cursor: pointer;display: -ms-flexbox;display: flex;margin: 0 auto;
-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;transition: all .3s ease-in-out;}
.morebtn a span{font-size: 15px;color: #282828; letter-spacing: 0;text-align: center;}
.morebtn a:hover{border-color: #D61419;}
.morebtn a:hover span{color: #D61419;}
/*底部*/
.footer{width: 100%;background: #282828;padding:30px 0 20px 0;}
.foot_ul{display: flex;justify-content: flex-start;align-items: flex-start;}
.foot_ul .foot_li1 h3.fologo{width:180px;margin-bottom: 25px;}
.foot_ul .foot_li1 h3.fologo img{width: 100%;display: block;}
.foot_ul .foot_li1 h3.ewm{width: 120px;margin-left: 30px;}
.foot_ul .foot_li1 h3.ewm img{width: 100%;display: block;}
.foot_ul .foot_li h2{font-size:22px;margin-bottom: 20px;color: #fff;}
.foot_ul .foot_li p{font-size: 15px;color: #fff;margin-bottom: 5px;}
.foot_ul .foot_li p a{font-size: 15px;color: #fff;text-align: left;}
.foot_ul .foot_li2{margin: 0 150px;}
.foot_ul .foot_li3 p{height: 42px;line-height: 40px;margin-bottom: 0;}
/*.foot_ul .foot_li1{width: 360px;}
.foot_ul .foot_li1 p.footlogo{margin-bottom:25px;}
.foot_ul .foot_li1 p.footlogo img{width: 220px;}
.foot_ul .foot_li1 p{color: #fff;font-size: 15px;margin-bottom:10px;}
.foot_ul .foot_li2{width: calc(100% - 550px);}
.foot_ul .foot_li2 h3{display: flex;justify-content:center;align-items: center;font-weight: normal;}
.foot_ul .foot_li2 h3 a{font-size: 18px;color: rgba(255,255,255,0.9);width: 14%;text-align: center;}
.foot_ul .foot_li2 h3 a:hover{color: #fff;}
.foot_ul .foot_li3{width: 150px;}
.foot_ul .foot_li3 h4{margin-bottom: 15px;}
.foot_ul .foot_li3 h4 img{width: 150px;display: block;}
.foot_ul .foot_li3 p{text-align: center;color: #fff;font-size: 15px;}*/
.foot_last{width: 100%;padding:5px 0;border-top:1px solid rgba(255,255,255,0.3) ;background: #282828;}
.copy-right p{color: #fff;text-align: center;font-size: 12px;line-height: 15px;}
.copy-right p span{margin:1px 5px;}
.copy-right p span.copy3{display: block;}
.copy-right p a{color: rgba(255,255,255,0.8);font-size: 12px;}
.copy-right p a:hover{color: rgba(255,255,255,1);}
/*作品展示-end*/

/*************************************************************************内页************************************************************************/
.contit h2{font-size:52px;text-transform: uppercase;letter-spacing:2px;margin-bottom: 5px;color: #9e9e9e;font-family:fantasy;}
.contit p{font-size:32px;color: #333;}
/*关于我们*/
.about{width: 100%;padding: 50px 0;}
.about .w-1200{margin: 0 auto;}
.aboutxt_b{width: 100%;padding: 50px 0;display: flex;justify-content: space-between;align-items: center;}
.about_txt{width: 57%;padding: 30px 0;}
.about_txt .contit{position: relative;padding: 35px 0;margin-bottom: 40px;}
.about_txt .contit h2{font-size:42px;text-align: center;font-weight: normal;}
.about_txt .contit p{text-align: center;margin: 10px 0;}
.about_txt .contit:before{content: "";width:60px;height: 0.5px;background: #333;display: block;position: absolute;
top: 0;right: 35%;transform: rotateZ(-45deg);}
.about_txt .contit:after{content: "";width:60px;height: 0.5px;background: #333;display: block;position: absolute;
bottom: 0;left:39%;transform: rotateZ(-45deg);}
.about_img{width:32%;}
.about_img img{width: 100%;margin-bottom: 15px;}
.about_txt{font-size: 16px;line-height:28px;text-align: justify;text-indent: 2em;}
.ab_zz{width: 100%;}
.ab_zz .contit{margin: 50px 0;width: 57%;}
.ab_zz .contit h2{font-size:42px;text-align: center;font-weight: normal;}
.ab_zz .contit p{text-align: center;margin: 10px 0;}
.abzz_b{width: 100%;overflow: hidden;}
.abzz_b .abzz_li{float: left;width: calc(33.33% - 30px);margin: 15px;border: 1px solid #ccc;}
.abzz_b .abzz_li .abzz_img{height:320px ;display: flex;justify-content: center;align-items: center;}
.abzz_b .abzz_li .abzz_img img{height: 65%;display: block;}
.abzz_b .abzz_li .abzz_txt{padding: 10px;border-top: 1px solid #ccc;}
.abzz_b .abzz_li .abzz_txt p{font-size: 16px;color: #666;}
/*团队介绍*/
.team{width: 100%;}
.team .contit{padding: 0 20px 30px 20px;}
.i_zyul{width: 100%;overflow: hidden;}
.i_zyli{width: calc(20% - 40px);float: left;margin:20px;/*height: 352px;*/}
@media (max-width:1024px) {
	/*.i_zyli{height: 300px;}*/
}
@media (max-width:991px) {
	/*.i_zyli{height: 360px;}*/
}
@media (max-width:768px) {
	/*.i_zyli{height: 405px;}*/
}
@media (max-width:550px) {
	.i_zyli{height: auto;}
}
.i_zyli a{display: block;}
.i_zyli a img{display: block;width: 100%;margin-bottom: 15px;}
.i_zyli a h2{ font-size: 16px;color: #000;margin: 0;line-height: 28px;display: flex;justify-content:flex-start;align-items: flex-end;}
.i_zyli a h2 span{color: #D61419;}
.i_zyli a h2 small{color: #333;display: block;margin-left: 5px;}
.i_zyli a p{margin-top: 0;margin-bottom: 8px;font-size: 13px;color: #888;line-height: 24px;}
.i_zyli a.i_zydz{display: block;color: #D61419;font-size: 12px;vertical-align: middle;margin-top: 15px;line-height: 20px;}
.i_zyli a.i_zyyx{color: #666;line-height: 20px;height: 60px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/*团队成员详情*/
.team.teamdet .contit {padding: 0 0px 30px 0px;}
.teamdet .contit h2{font-size: 42px;}
.teamdet .contit p{font-size:26px;}
.tmdet{width: 100%;overflow: hidden;}
.tmdet .tmdet_le{float: left;width: 30%;}
.tmdet_img{width: 100%;}
.tmdet_img img{width: 100%;display: block;} 
.tmdet_tel p{padding:10px 0;margin: 5px;overflow: hidden;border-bottom: 1px dashed rgba(0,0,0,0.1);}
.tmdet_tel p img{width:22px;margin-right:10px;float: left;display: block;}
.tmdet_tel p span{display: block;float: left;font-size: 15px;}

.tmdet_tel .lastp{padding: 5px 0;margin: 5px;}
.tmdet_tel .lastp p{overflow: hidden;border: none;width: 100%;padding: 0;margin: 0 0 10px 0;}
.tmdet_tel .lastp img{width: 18px;margin-right:10px;float: left;display: block;}
.tmdet_tel .lastp span{display: block;float: left;font-size: 15px;}
.tmdet_tel .lastp h4{display: block;width: 100%;overflow: hidden;}
.tmdet_tel .lastp h4 a{display: block;float: left;border: 1px solid #666;margin-right: 5px;padding:3px 6px;margin-top: 5px;border-radius: 5px;
font-size: 14px;font-weight: normal;}
.tmdet_tel .lastp h4 a:hover{background: #D61419;color: #fff;border: 1px solid #D61419;}
.tmdet .tmdet_rig{float: right;width:66%;}
.tmdet_txt1{width: 100%;margin-bottom:50px;}
.tmdet_txt1 h3{font-size: 30px;padding:0 0 10px 0;border-bottom: 1px solid #D61419;margin-bottom:15px;font-weight: normal;}
.tmdet_txt1 p{font-size: 15px;line-height: 28px;text-indent: 2em;text-align: justify;margin-bottom: 15px;}

/*业务范围*/
.yewu{margin: 50px 0 20px 0;}
.anlib{width: 100%;overflow: hidden;}
.anlib .anli_le{float: left;width: 50%;padding:50px;}
.anlib .anli_le h3{display: flex;justify-content: flex-start;align-items: center;}
.anlib .anli_le h3 small{width:3px;display: block;height:70px;background: #d61419;display: block;margin-right: 20px;}
.anlib .anli_le h3 span{line-height: 35px;font-size: 22px;color: #333;}
.anlib .anli_le p{margin: 25px 0;font-size: 16px;color: #5a5a5a;line-height: 24px;}
.anlib .anli_le h4{display: flex;justify-content: flex-start;align-items: center;}
.anlib .anli_le h4 a{display: block;border: 1px solid #666;padding: 5px 8px;font-size: 14px;margin-right: 10px;font-weight: normal;color: #666;}
.anlib .anli_le h4 a:hover{background: #D61419;color: #fff;border-color:#D61419 ;}
.anlib .anli_le h4 a.casecha{border: none;}
.anlib .anli_le h4 a.casecha img{width: 24px;/*transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;*/animation: finger infinite 3s;}
@keyframes finger {
    0% { transform: translate(-5px)}
    25% {transform: translate(5px)}
    50% {transform: translate(-5px)}
    75% {transform: translate(5px)}
    100% {transform: translate(-5px)}
}
/*.anlib .anli_le h4 a.casecha:hover img{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);
-o-transform:translateX(10px);transform:translateX(10px)}*/
.anlib .anli_le h4 a.casecha:hover{background: none;}
.anlib .anli_rig{float: right;width: 50%;}
.anlib .anli_rig img{width: 100%;display: block;}

.anlib.anlib1 .anli_le{float: right;}
.anlib.anlib1 .anli_rig{float: left;}

/*作品展示*/
.zuopin{width: 100%;padding: 50px 0;background: #f8f8f8;}
.zuopin .contit{padding:0 15px;}
.case_btn{width: 100%;margin: 60px 0;overflow: hidden;padding:0 15px;}
.case_btn p{float: left;margin-right: 50px;}
.case_btn p a{float: left;height:35px;line-height:35px;position: relative;color: #333;font-size: 16px;}
/*.case_btn p.active a{color: #D61419;}
.case_btn p.active a:after,.case_btn p.active a:before{background: #D61419;}*/
.case_btn p a, .case_btn p a:after, .case_btn p a:before {transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.case_btn p a:after, .case_btn p a:before {content: "";position: absolute;width: 0;height: 1px;background-color: #333333;}
.case_btn p a:before {top: 0;left: 0;}
.case_btn p a:after {bottom: 0;right: 0;}

/*合作伙伴*/
.hezuo_b{padding: 50px 0 0 0;}
.hezuo .contit{padding: 60px 0 10px 0;}


/*联系我们*/
.contact .contact_b{width: 100%;overflow: hidden;}
.con_le{float: left;width: 45%;}
.con_le .contit p {font-size: 32px;color: #333;}
.con_le p{padding: 15px 0;border-bottom: 1px dashed #888;font-size: 16px;color: #666;line-height: 28px;}
.con_le p.con_ewm{display: flex;justify-content: flex-start;align-items: flex-start;}
.con_le p.con_ewm img{width: 120px;}
.con_le p:last-of-type{border-bottom: none;}
.con_rig{float: right;width: 45%;padding-top:75px;}
.con_rig h2{font-size: 32px;color: #333;margin-bottom: 20px;font-weight: normal;}
.con_rig form label{font-size: 16px;color: #666;margin-bottom: 10px;display: block;}
.con_rig form input{width: calc(100% - 12px);height: 32px;line-height: 30px;padding: 0 5px;border: 1px solid #777;border-radius: 5px;margin-bottom: 10px;}
.con_rig form textarea{width: calc(100% - 12px);height:85px;line-height:26px;padding: 0 5px;border: 1px solid #777;border-radius: 5px;margin-bottom: 10px;}
.con_rig form button{width: 120px;height: 35px;background: #D61419;color: #fff;border: 1px solid #D61419;border-radius: 5px;}
.contact .map{width: 100%;margin-top: 50px;}
.contact .map img{display: block;width: 100%;}




.page
{
	margin-top:50px;
}
.paginator
{
	float:none !important;
	text-align:center
}
.paginator ul > li > a
{
	float: left;
	 position: relative;
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
    text-align: center;
	border-radius: 15px;
	padding: 5px 20px;
}
.paginator ul>li>span {
    position: relative;
    float: left;
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
	padding: 5px 20px;
    text-align: center;
	border-radius: 15px;
}
.active2 {
    z-index: 2;
    color:White !important;
    cursor: default;
    background-color: #d61419 !important;
    border-color: #d61419 !important;
	text-align: center !important;
}
#AspNetPager1_input
{
	float:left;	
	padding: 8px 10px;
	margin-left:5%;
	margin-top:21px;
}
#AspNetPager1_btn
{
	float:left;	
	padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top:21px;
    margin-left:5px;
}
.prodet{width: 100%;overflow: hidden;margin-top:20px;}
.casedet_txt{width: 100%;}
.casedet_txt h3{font-size: 24px;text-align: center;margin-bottom: 30px;}
.back
{
	font-size:16px;
	padding:0 15px;
}

.back-div
{
	padding: 0 60px;
    background: #f8f8f8;
    line-height: 50px;
}

/*硬件设施*/
.yj_b{width: 100%;padding: 50px 0;}
.yj_b .yj_ul{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.yj_b .yj_ul .yj_li{width: calc(25% - 20px);margin: 10px;}
.yj_b .yj_ul .yj_li .yj_img{width: 100%;}
.yj_b .yj_ul .yj_li .yj_img img{display: block;width: 100%;}
.yj_b .yj_ul .yj_li .yj_txt{width: 100%;padding: 10px;}
.yj_b .yj_ul .yj_li .yj_txt p{font-size: 16px;line-height: 28px;}
