*,a{color:#333}a:hover{color:Red}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.bg-gray{background-color:#e3e3e3}
.bg-gray-2{background-color:#f3f3f3}
.container{max-width:1320px; margin:0 auto; }
.container-2{max-width:1200px; margin:0 auto}
.container-3{max-width:1250px; margin:0 auto}
.mask{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:#333;opacity:0.8; z-index:-1}

.header{ height: 90px; background-color: white; z-index: 1000;}
.header .logo{position: absolute; left: 0; top:5px;display:block}
.header .nav{position:absolute; left:200px;}
.header .nav .nav-item{ position: relative; display: inline-block; vertical-align: middle;line-height: 95px; margin: 0 40px;}
.header .nav .nav-item a{ font-size: 16px; color:#555}
.header .nav .nav-item a:hover{color:Red}
.header .tel{ position:absolute; right: 0; line-height: 92px; color: #666;font-size: 12px}
.header .tel .num{ font-size: 24px;color: #666}

.section{padding:60px 0;}
.section-title{position:relative}
.section-title h2{margin-bottom: 30px;text-align: center;font-size: 28px;font-weight: normal;line-height: 1.2;margin-top: 0;}
.section-title h2 span{font-size: 16px;line-height: 1.2;display: block;padding-top: 12px;}
.section-body{ margin-top:40px}

.txtMask{position:absolute; left:10px; min-width:150px; bottom:30%; background-color:rgba(204,0,0,0.85); padding:10px 20px; z-index:1000}
.txtMask h3{ color:White; font-size:21px; line-height:1.5}
.txtMask h4{ color:White; font-size:16px; line-height:1.5}
.txtMask h5{ color:White; font-size:14px; line-height:1.5}

/* layui */
/* carousel轮播 */
#index-layui-carousel{min-height:380px; background-color:#fff}
.layui-carousel-arrow {width: 72px;height: 72px;margin-top: -36px;line-height: 72px;font-size: 60px;background-color: rgba(0,0,0,0);}/* 箭头 */

/* Swiper 轮播 */
.swiper-button-wrap{margin-left:auto; margin-right:auto; position:relative}
.swiper-button-wrap .swiper-button-next{right:-60px;outline:none; opacity:0.35;transition-duration: .3s;}
.swiper-button-wrap .swiper-button-prev{left:-60px;outline:none; opacity:0.35;transition-duration: .3s;}
.swiper-button-wrap .swiper-button-next:hover,.swiper-button-wrap .swiper-button-prev:hover{opacity:0.5}

.swiper-button-wrap .item{position:relative}



/* 首页 */
.index-page{}
.index-page .banner{}
.index-page .banner img{ width:100%}
.index-page .banner .txt{position:absolute; top:30%; bottom:0; left:0; width:100%}
.index-page .banner .txt{}
.index-page .banner .txt h2{margin:0; padding:0;position:relative; text-align:center; font-size:48px; color:White; line-height:1.6; }
.index-page .banner .txt p{margin:0; padding:0;position:relative; text-align:center; font-size:24px; color:White; line-height:1.6;}

.index-page .section-body{position:relative}
.index-page .section-body .btn{ position:absolute; width:100px; height:100px; top:50%; margin-top:-50px; cursor:pointer}
.index-page .section-body .btn .layui-icon{font-size:80px; color:black;opacity:0.15;transition-duration: .2s;}
.index-page .section-body .btn .layui-icon:hover{opacity:0.3}
.index-page .section-body .btnPre{left:-110px;}
.index-page .section-body .btnNext{right:-110px;}

.index-page .cases{}
.index-page .cases .section{}
.index-page .cases .section .section-body{margin-top:30px;position:relative;}


.index-page .solution .section-body{ margin-top:50px}
.index-page .solution .item{ width:20%; float:left; text-align:center; position:relative;}
.index-page .solution .item a{display:block; width:100%; cursor:auto}
.index-page .solution .item img{max-width:64px; opacity:0.65; border:solid 1px #cc0000; border-radius:50%; padding:25px}
.index-page .solution .item h3{font-size: 16px;line-height: 1.2;margin-top: 40px; font-weight:bold}
.index-page .solution .item .line{ position:absolute; top:0; bottom:0; right:0; width:1px; background-color:#fff; z-index:10}


.index-page .education{ min-height:400px; background-position:center center; background-repeat:no-repeat; position:relative; z-index:0;}
.index-page .education .section{position:relative}
.index-page .education .section .section-body{position:relative; margin-top:20px}
.index-page .education  .section .section-body h3{font-size:24px}
.index-page .education .section-title h2,.index-page .education .section-title h2 span{}
.index-page .education .item{position:relative}
.index-page .education .item .image{ height:520px; background-color:#666}
.index-page .education .item .image img{width:100%;}
.index-page .education .btn{display:none}

.index-page .video{}
.index-page .video .item{cursor:pointer}
.index-page .video .item:hover .btn_play{width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;}
.index-page .video .v1,.index-page .video .v2,.index-page .video .v3{background-color:#666; position:relative}
.index-page .video .v1{height:600px; width:100%; cursor:pointer}
.index-page .video .v2{height:294px; width:100%; cursor:pointer}
.index-page .video .v3{height:294px;width:100%; cursor:pointer}
.index-page .video .btn_play{width: 70px;height: 70px;border: 2px solid #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -35px;margin-left: -35px;z-index: 8; text-align:center; cursor:pointer; background-image:url(http://video.cumen.cn/cumen2018/icon/btn_play.png); background-position:center center; background-repeat:no-repeat;transition-duration: .2s; z-index:1000000}
/*.index-page .video .btn_play:hover{width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;}*/
.index-page .video .txt{padding-top:20px}
.index-page .video .v1 .txt{}
.index-page .video .txt h2{text-align:center;font-size: 32px;line-height:1.5; color:White}
.index-page .video .txt h3{text-align:center;font-size: 18px;line-height: 1.5; color:White}

.index-page .space{}
.index-page .space .item{background-color:#666; height:520px; position:relative}

.index-page .web{}
.index-page .web .item{background-color:white; height:605px; position:relative}
.index-page .web .item a{display:block; width:607px; height:300px; position:relative}
.index-page .web .txtMask{ position:absolute; width:180px; height:52px; top:50%; left:50%; bottom:auto; margin-top:-36px; margin-left:-110px;  color:White}

.index-page .design{}
.index-page .design .item{background-color:#666; height:250px; position:relative}
.index-page .design .txtMask{min-width:120px;}
.index-page .design .item h4{font-size:18px}

.index-page .customer{min-height:300px}
.index-page .customer{background-color:#f1f1f1}
.index-page .customer h2 span{font-size:14px; display:block; position:relative}
.index-page .customer h2 span .subtitle{ width:160px; background-color:#d95555; margin:0 auto;z-index:10; position:relative; padding:1px 0;color:white}
.index-page .customer h2 span .line{ position:absolute; top:20px; height:1px; background-color:#d13838; width:600px; left:50%; margin-left:-300px; z-index:1}
.index-page .customer .section-body{ margin-top:50px}
.index-page .customer .section-body .item{ width:300px; height:400px; overflow:hidden}
.index-page .customer .section-body .item ul{ margin:0; padding:0; padding-left:30px}
.index-page .customer .section-body .item ul li{margin:0; padding:0;line-height:20px; padding:15px 0; font-size:16px; color:#222}

/*鼠标移到图片上放大*/
/*
.index-page #swiper-brand-case .item{width:426px; height:550px; overflow:hidden}
.index-page #swiper-school .item{width:426px; height:520px; overflow:hidden}
.index-page #swiper-video .item{width:582px; height:600px; overflow:hidden}
.index-page #swiper-space .item{width:426px; height:520px; overflow:hidden}
.index-page .web .section-body .item{width:607px; height:300px; overflow:hidden}
.index-page #swiper-active .item{width:426px; height:520px; overflow:hidden}
.index-page .design .section-body .item{width:426px; height:250px; overflow:hidden}
.index-page .trans-img{cursor: pointer;transition: all 0.3s; z-index:0}
*/
/*.index-page .trans-img:hover{transform: scale(1.01);}*/


/*Channel页面*/
.TitleBanner{ height:160px; background-color:rgba(204,0,0,0.5); position:relative; padding-top:80px}
.TitleBanner h2{ font-size:36px; line-height:1}
.TitleBanner p{font-size:18px; margin-top:15px}

.ChannelPage .content{margin-top:80px}
.ChannelPage .content h3{font-size:38px;color:#555}
.ChannelPage .content h4{font-size:28px; line-height:1; padding-bottom:40px}
.ChannelPage .content p{font-size:18px; line-height:2;  margin-bottom:1em}
.ChannelPage .content .line{ width:100%; height:1px; background-color:#aaa; margin:40px 0}

.ChannelPage .content .introduce{padding-bottom:30px}
.ChannelPage .content .introduce p{text-indent:2em; font-size:16px}

.ChannelPage .cumen-num{ position:relative; margin-bottom:60px}
.ChannelPage .cumen-num .item{position:relative; text-align:center; border-right:solid 1px #ccc}
.ChannelPage .cumen-num .item .num{font-size:48px; line-height:1; color:Red;opacity:1}
.ChannelPage .cumen-num .item .explain{font-size:15px; line-height:1; margin-top:35px; font-weight:bold}

.ChannelPage .join-us{}
.ChannelPage .join-us .layui-tab-title{}
.ChannelPage .join-us .layui-tab-title li{}
.ChannelPage .join-us .layui-tab-title li div{padding:0 20px; font-size:18px;}
.ChannelPage .join-us .layui-tab-title li:layui-this div{ font-weight:bold}
.ChannelPage .join-us .layui-tab-title,.ChannelPage .join-us .layui-tab-title .layui-this:after{border-color: #ccc;}
.ChannelPage .join-us .layui-tab-title .layui-this:after{ border-bottom:solid 1px white;}
.ChannelPage .join-us .layui-tab-title .layui-this{ font-weight:bold}
.ChannelPage .join-us .layui-tab-content{ padding:50px 0 30px 0}
.ChannelPage .join-us .layui-tab-content .layui-tab-item{}
.ChannelPage .join-us h4{font-size:24px; line-height:1; padding-bottom:30px}
.ChannelPage .join-us h5{font-size:16px; line-height:1; padding-bottom:10px; font-weight:bold}
.ChannelPage .join-us p{font-size:16px; line-height:2;  margin-bottom:1em}
.ChannelPage .join-us .line{ width:100%; height:1px; background-color:#ccc; margin:35px 0}
.ChannelPage .join-us .xctx ul{ padding-bottom:20px}
.ChannelPage .join-us .xctx ul li{font-size:16px; line-height:2; list-style-type:square;list-style-position:inside;}

.ChannelPage .cumen-services{}
.ChannelPage .cumen-services h4{font-size:26px; line-height:26px; padding-bottom:20px;}
.ChannelPage .cumen-services .explain{ font-size:18px; line-height:1; padding-bottom:1;}
.ChannelPage .cumen-services ul{}
.ChannelPage .cumen-services ul li{font-size:16px; line-height:2;list-style-type:square;list-style-position:inside; color:#555;}
.ChannelPage .cumen-services ul.cols{}
.ChannelPage .cumen-services ul.cols li{width:50%; float:left}

/*CaseList页面*/
.CaseListPage .caselist{}
.CaseListPage .caselist .item{ height:500px; background-color:#666}
.CaseListPage .section .section-body .container{position:relative}
.CaseListPage .section .section-body .btn{ position:absolute; width:100px; height:100px; top:50%; margin-top:-50px; cursor:pointer;}
.CaseListPage .section .section-body .btnPre{left:-110px;}
.CaseListPage .section .section-body .btnNext{right:-110px;}
.CaseListPage .section .section-body .btn .layui-icon{font-size:80px; color:black;opacity:0.15;transition-duration: .2s;}
.CaseListPage .section .section-body .btn .layui-icon:hover{opacity:0.3}
.CaseListPage .video .item{position:relative}
.CaseListPage .video .btn_play{width: 70px;height: 70px;border: 2px solid #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -35px;margin-left: -35px;z-index: 8; text-align:center; cursor:pointer; background-image:url(http://video.cumen.cn/cumen2018/icon/btn_play.png); background-position:center center; background-repeat:no-repeat;transition-duration: .2s}
.CaseListPage .video .btn_play:hover{width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;}

/*CaseShowPage页面*/
.CaseShowPage .footer{ margin-top:100px}
.CaseShowPage .header{ border-bottom:solid 1px #ccc}
.CaseShowPage .case-title{text-align:left; margin-top:50px;}
.CaseShowPage .case-title h2{font-size:28px; font-weight:normal; line-height:32px}
.CaseShowPage .case-content{margin-top:30px; font-size:18px}
.CaseShowPage .case-content p{ font-size:18px; line-height:1.5em; margin-top:1em; padding-right:10%}
.CaseShowPage .case-content img{ max-width:100%; margin:5px auto}
.CaseShowPage .other-cases{ margin-top:60px;line-height:20px; overflow:hidden}
.CaseShowPage .other-cases a{font-size:18px}


.footer{margin-top:50px; min-height: 360px; background-color: #3f3c3c; color:#eee;}
.footer .section-title{ padding-bottom:10px}
.footer .section-title h2,.footer .section-title h2 span{color:#fff;z-index:10}
.footer .section-title h2 img{margin-right:10px;opacity:1;}
.footer .section-title h2 span{font-size:14px; display:block; position:relative}
.footer .section-title h2 span .subtitle{ width:160px; background-color:#eee; margin:0 auto;z-index:10; position:relative; padding:1px 0;color:#3f3c3c}
.footer .section-title h2 span .line{ position:absolute; top:20px; height:1px; background-color:#ddd; width:370px; left:50%; margin-left:-185px; z-index:1}

.footer .container{ max-width:1200px; margin:0 auto;}
.footer .container ul.serviceslist{}
.footer .container ul.serviceslist li.item{ width:130px; padding:0 10px; float:left; overflow:hidden}
.footer .container ul.serviceslist li.item h2{color:#eee; font-size:18px;}
.footer .container ul.serviceslist li.item ul.sublist{margin-top:20px}
.footer .container ul.serviceslist li.item ul.sublist li{color:#eee; line-height:32px; font-size:15px;list-style-position:inside; list-style-type:disc}

.footer .section-body .contact{margin-top:35px}
.footer .section-body .row ul{ display:inline-block}
.footer .section-body .row ul li{color:#fff; line-height:32px; font-size:16px; float:left; margin-right:25px}

/*在线咨询*/
#consultation{ position:fixed; width:150px; height:45px; background-color:#ee0000; color:White; right:15px; bottom:20px; text-align:center;border-radius:3px}
#consultation img{ margin-right:8px} 
#consultation span{ font-size:16px;color:White; line-height:45px}

/*视频播放容器*/
#video-container{position:fixed; width:1200px; height:700px; top:50%; left:50%; margin-top:-350px; margin-left:-600px; z-index:200000; background-color:#000; text-align:center; display:none}
#video-container .loading{position:fixed; width:48px; height:48px; top:50%; left:50%; margin-top:-24px; margin-left:-24px; z-index:400000; display:none}

/*品牌案例*/
.customer-page{}
.customer-page .banner{ position:relative}
.customer-page .banner .con{position: absolute;z-index: 2;top: 0;left: 0;font-size: 0;width: 100%;height: 100%;}
.customer-page .banner .con:after{display: inline-block;height: 100%;content: ""; vertical-align: middle;width: 0;}
.customer-page .banner .con .box{display: inline-block;width: 100%;padding-bottom: 55px;vertical-align: middle;box-sizing: border-box;}
.customer-page .banner .con .box .cistern{margin: 0 auto;max-width: 1040px;padding-top: 0;padding-bottom: 0;text-align: center;}
.customer-page .banner .con .box .cistern .banner-text{text-align:center;box-sizing: border-box;}
.customer-page .banner .con .box .cistern .banner-text .title{font-size: 52px;line-height: 1.38;overflow: hidden;margin: 0;padding-top: 9px;text-align: inherit;padding-bottom: 0;color: inherit; color:White}
.customer-page .banner .con .box .cistern .banner-text .desc{font-size: 22px;line-height: 1.45;overflow: hidden;padding-top: 27px;margin-bottom: -3px;color:White}
.customer-page .bread-crumb{ height:54px; border-bottom:solid 1px #eaeaea}
.customer-page .bread-crumb .cistern{padding-top:0; padding-bottom:0; position:relative}
.customer-page .bread-crumb ul.nav{}
.customer-page .bread-crumb ul.nav li{position: relative;display: inline-block;margin-right: 30px;padding: 16px 0;line-height: 1.375;cursor: pointer;font-size: 16px;transition: .4s;color: #666}
.customer-page .bread-crumb ul.nav li p{color: #666}
.customer-page .bread-crumb ul.nav li p.current{color:#333}
.customer-page .bread-crumb ul.nav li p.current:after{position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;opacity: 1;background: #d20a2c;content: "";transition: .4s;}
.customer-page .content{}
.customer-page .content .case-container{ max-width:850px;margin:0 auto}
.customer-page .content .case-info{ padding:60px 0 50px 0}
.customer-page .content .case-info h2{ font-size:32px; text-align:center}
.customer-page .content .case-info .desc{margin-top:50px}
.customer-page .content .case-info .desc p{font-size: 16px;line-height: 1.6;margin-bottom: 20px;color: #666;}
.customer-page .content .bg-gray{background-color:#f3f3f3}
.customer-page .content .project-container{}
.customer-page .content .project-container .case-container{padding:55px 0; position:relative}
.customer-page .content .project-container .case-container h3{ font-size:28px; text-align:center; line-height:1; padding-bottom:25px;position:relative; text-align:center}
.customer-page .content .project-container .case-container h3 div{ border-bottom:solid 2px #d20a2c; padding-bottom:10px;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;  margin:0 auto}
.customer-page .content .project-container .case-container .project-desc{ text-align:center}
.customer-page .content .project-container .case-container .project-desc p{ font-size:16px; color:#666; line-height:1.6; margin-top:22px}
.customer-page .content .project-container .case-container .pics{}
.customer-page .content .project-container .case-container .swiper-container{ min-height:250px}
.customer-page .content .project-container .case-container .swiper-container .video-wrap{position:relative; cursor:pointer}
.customer-page .content .project-container .case-container .swiper-container .video-wrap .circle{width: 70px;height: 70px;border: 2px solid #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -35px;margin-left: -35px;z-index: 8; background-image:url(../imgs/btn-play.png); background-position:center center; background-repeat:no-repeat;transition: .25s}
.customer-page .content .project-container .case-container .swiper-container .video-wrap:hover .circle{width: 80px;height: 80px;margin-top: -40px;margin-left: -40px}