@charset "utf-8";

body ul li{list-style:none;}
.about{
	margin-top:30px;
}
.guanyu_lanmu{
	margin:0px 50px 0px 65px;
}
.text-zhong{
	font-size:16px;
	text-align:center;
}
.company_nav_list {
    float: left;
    width: 192px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background-color: #000;
    font-size: 16px;
    margin-right: 25px;
}
.company_nav_list:hover{
	background-color: #ce1717;
}
.company_nav_list a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
}

.company_honor_con h2 {
	height: 24px;
	line-height: 24px;
	color: #ec272e;
	font-size: 24px;
}

.company_honor_con p {
	font-size: 14px;
	line-height: 30px;
	color: #333;
	padding:15px  0 ;
}

.company_honor_con ul{

	width:100%;
}
.company_honor_con li {
	float: left;
	width: 280px;
	margin-bottom: 50px;
}

.company_honor_con li img {
	display: inline-block;
}

.company_honor_con li:nth-child(4n) {
	text-align: right;
}
.company_honor_con li:nth-child(2n),.company_honor_con li:nth-child(3n) {
	text-align: center;
}

/*公司荣誉*/
.company_introduce_con {
	width: 1120px;
	height:700px;
	margin: 0 auto;
	background-color: #fff;
	padding: 0 40px;
}

.company_introduce_con1 {
	padding: 40px 0 90px;
}

.company_introduce_left {
	float: left;
	width: 592px;
	color: #333;
}

.company_introduce_right {
	float: right;
}

.company_introduce_left h3 {
	font-size: 32px;
	height: 32px;
	line-height: 32px;
	font-weight: 700;
}

.company_introduce_left h4 {
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	padding: 19px 0 22px;
	font-weight: 500;
}

.company_introduce_left p {
	line-height: 29px;
	font-size: 14px;
	color: #444;
	margin-top: 20px;
}

.jiagou{
	text-align: center;
}



.about_bg{position:fixed;width:100%;height:100%;top:0;left:0;/*background: url(/demo3/style/about_bg.jpg) no-repeat;*/background-size:cover;}
.about_content{width:60%;margin:0 auto;}
.about_content h2,.about_content h3{text-align:center;/*font-weight:bold;*/color:#333333;}
.about_content h2{margin-top: 50px;font-size:30px;margin-bottom:50px;}
.about_content p{font-size:16px;color:#000;line-height:180%;margin-bottom:20px;text-align:center;}
.about_content.history{text-align:center;position:relative;}

/*大事记start*/
.event_box{width:60%;margin:3% auto 0;position:relative;min-height:320px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(/style/images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(/style/images/cat.png) no-repeat;position:absolute;top:-12px;left:28px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	




.company_honor_con{

	/*width: 1120px;*/
	width:1200px;
	/*padding: 50px 40px 108px;*/
	background: #fff;
	margin: 0 auto;
	height: 1500px;
}

.company_honor_con h2 {
	height: 24px;
	line-height: 24px;
	color: #ec272e;
	font-size: 24px;
}

.company_honor_con p {
	font-size: 14px;
	line-height: 30px;
	color: #333;
	padding:15px  0 ;
}

.company_honor_con li {
	float: left;
	width: 240px;
	margin: 0px 15px 50px 15px;
}

.company_honor_con li img {
	display: inline-block;
}

.company_honor_con li:nth-child(4n) {
	text-align: right;
}
.company_honor_con li:nth-child(2n),.company_honor_con li:nth-child(3n) {
	text-align: center;
}



.demo{float:left;margin:10px 0px 0px 10px;}

.contact{ min-width:1200px; padding-top:20px; padding-bottom:50px;}
.contact .main{ width:1200px; margin:0 auto;}
.contact-content{ overflow:hidden;margin-bottom:35px;}
.contact-content h2{color:red;text-align: center;margin:10px 0px 10px 0px;}
.xc-crumb{ padding:30px 0;}
.xc-crumb a, .news .crumb span{ font-size:14px;}
.xc-crumb a{ color:#999;}
.xc-crumb span{ color:#e60012; font-size:14px;}
.xc-contact{ position:relative; margin-top:18px;}
.xc-contact .lxdh{ color:#333; font-size:18px; font-weight:bolder;}
.xc-contact hr{ border:0;width:40px; border-bottom:4px solid #999; margin-bottom:5px;}
.xc-contact div{ font-weight:normal; line-height:50px;}

.contact-content .left{ float:left;}
.contact-content .left .top{ width:100px; text-align:center; padding:40px; margin:0 auto;background-color:#e60012;}
.contact-content .left .top .word-cn{ font-size:48px; color:#FFF; font-weight:bolder; }
.contact-content .left .top .word-en{ font-size:18px; color:#FFF; font-weight:100;}
.contact-content .left .bottom{ border:3px solid #e60012; margin-top:10px; position:relative; height:80px; text-align:center; font-size:24px; line-height:80px; color:#e60012; font-weight:bolder;}
.contact-content .left .bottom span{ position:absolute; width:20px; border:2px solid #e60012; display:block; top:10px; left:5px;}

.contact-content .right{ float:left; margin:0px 0px 0px 100px;}
.contact-content .right .title{ overflow:hidden; padding:10px 0; border-bottom:3px solid #555;}
.contact-content .right .title .fang{ width:20px; height:20px; float:left;}
.contact-content .right .title .fang div{ width:10px; height:10px; margin:0 auto; background-color:#000; margin-top:5px;}
.contact-content .right .title h1{ margin-top: -2px;float:left;color:#000; font-size:20px; padding-left:10px;}
.contact-content .right .position{ line-height:40px; color:#666; font-size:18px;}
.contact-map{ margin-top:50px; min-height:600px; border:1px solid #ccc; border-radius:10px; box-shadow:8px 8px 8px #999;}
.contact-map img{ width:100%;} 

/**contact newmap@fcm**/

.xc-contact span.tel{ padding-left:10px; font-weight:300; font-size:18px; color:#333;}

.contact-content .right .yantai{ margin:25px 0;}

.map{margin:120px 0px 0px 0px;}




/*影棚租赁*/
.zulin-main{text-align:center;margin:50px 0px 50px 0px;}
.mr_frbox { height: 660px;/*padding: 0px 22px 0px;*/ }

.mr_frBtnL { float: left; margin: 275px 22px 0px 0px; cursor: pointer; display: inline; }

.mr_frUl { float: left; height: 130px; width: 1230px; }

.mr_frBtnR { float: right; margin: 280px 5px 0px 0px; cursor: pointer; }

.mr_frUl ul li { display: inline; float: left; /*height:640px;*/ width: 375px; margin-right:15px; overflow: hidden; text-align:center; font-size:16px; margin-bottom:20px; line-height:30px;}

.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 1px solid #D8D8D8; }

.mr_frUl a{color:#000;}

.mr_frUl a:hover{color:red;text-decoration: none;}

.mr_frUl ul li{

        transition: all .5s;

    }

.mr_frUl ul li:hover{

        transform: translateY(-10px);

        box-shadow: 0 3px 2px #e2e2e2;

    }


/*精品案例*/
.box-til{text-align: center;padding:50px 0px;}
.video{width:100%;background:#fff;overflow: hidden;}
.case_pnl{margin:0px auto;width:1280px;overflow:hidden;padding:0px 0px 30px 0px}

.case_pnl ul{overflow:hidden;}

.case_pnl li{width: 23%;height:250px;float:left;margin:0px 0px 20px 20px;border:solid 0px #9f9f9d;text-align:center;background-color:#fff;position:relative;
           border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
            transition:background 500ms;-moz-transition:background 500ms;-webkit-transition:background 500ms;-o-transition:background 500ms;box-shadow: 1px 1px 5px #ccc;
}

.case_pnl li:nth-of-type(3n) {

    margin-right: 0;

}

.case_pnl li img{width:100%;height:200px; float:left;background-repeat:no-repeat;background-position:center center;background-size:100% auto;

                transition:background 500ms;-moz-transition:background 500ms;-webkit-transition:background 500ms;-o-transition:background 500ms;
}

.case_pnl li .nm{width:100%;height:50px;font-size:16px;line-height:50px;float:left;color:#444;

                 white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;

}

.case_pnl li .play{width:50px;height:50px;display:block;overflow:hidden;position:absolute;top:26.65%;left:43%;/*margin-left:-45px;*/background:url(/style/images/play.png) no-repeat 0px 0px;background-size:cover;z-index:10;}



.case_pnl li .cover{width:100%;height:200px;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.5);z-index:5;



                    opacity:0;transition:opacity 500ms;-moz-transition:opacity 500ms;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms;}

.case_pnl li .cover p{width:200px;height:100px;top:25%;left:17%;padding-top:30px;position:relative;/*margin-left:-181px;*/display:block;overflow:hidden;color:#fff;font-size:22px;/*line-height:100px;*/opacity:0;border:solid 2px #fff;z-index:10;}
.case_pnl li video{width:100%;height:150px;display:none;overflow:hidden;position:absolute;left:0px;top:0px;z-index:999;/*background-color:#000;*/}


.case_pnl li:hover img{background-size:120% auto;}



.case_pnl li:hover .play{display:none;}



.case_pnl li:hover .cover{opacity:1;}



.case_pnl li:hover .cover p{opacity:1;}



.case_pnl li:hover video{display:block;}    





/*news*/
/*all*/

.main_news{width:100%;/*float:left;*//*padding:30px 0;*/}

.main_top{width:100%;height:80px;float:left; /*background:url(/style/images/images.tbg.png) no-repeat center 10px;*/ text-align:center;}

.course_top_bg{background:url(/style/images/ct_bg.png) no-repeat center 10px;color:#000000;}

.news_top_bg{background:url(/style/images/nt_bg.png) no-repeat center 10px;color:#fff;}

.main_top h3{font-size:30px;height:45px;line-height:85px;font-weight:normal;}

.main_top h4{font-size:24px;height:30px;line-height:30px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

.main_type{width:100%;float:left; text-align:center;margin:10px 0 0 0;}

.main_type ul{}

.main_type li{display:inline-block;height:42px;line-height:42px;margin:5px;padding:0px;}

.main_type li a{display:block; background:#0ba587;color:#fff;font-size:14px;padding:0 25px;}

.main_type li a:hover{background:#feef0c;color:#38761d;}

.main_type li.current a{background:#feef0c;color:#38761d;}

.main_con{width:100%;float:left; line-height:200%;padding:0px 0 0 0;}

.main_con img{max-width:100%;}

.main_more{width:100%;float:left; text-align:center; margin:20px 0 20px 0;}

/*.main_more a{width:178px;height:38px;line-height:38px; display:inline-block;border:1px solid #333; font-size:16px;}

.main_more a:hover{background:#0ba587; color:#fff;}*/

/*end*/
/*news*/

.art_list{width:100%;float:left;padding:20px 0;border-bottom:1px dotted #ccc;}

.art_img{float:left;width:20%;}

.art_img img{width:100%;}

.art_right{float:right;width:78%;}

.art_title{width:100%;height:30px;line-height:30px;font-size:18px;}

.art_author{width:100%;height:25px;line-height:25px;color:#666;}

.art_author span{margin:0 10px 0 0;}

.art_des{color:#666;line-height:25px;}



.articleList{width:100%;float:left;}

.articleList ul{margin:0px;padding:0px;list-style-type:none;}

.articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;background:url(/style/images/li_0.png) no-repeat left center;line-height:35px;}

.time{float:right;}

.articleTitle{ font-weight:bold; font-size:18px; text-align:center;}

.articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;}

.articleauthor span{ margin:0px 6px; font-size:9pt;}

.articleInfo{width:100%;padding:10px 0; line-height:200%;}

.articleInfo img{max-width:100%;}

.pageUpDown{padding-top:10px;text-align: left;line-height:30px;}

/*end*/
/*换页*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}




/*解决方案*/
.col-sm-4{float:left;position:relative;width:20%}
.selected-solution{height:610px;background:#f1f3ff}
.selected-solution>div{position:relative;width:1270px;margin:0 auto}
.selected-solution .swiper-container{height:695px;width:1230px}
.selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:1230px;margin:20px auto 0}
/*.swiper-slide,.swiper-wrapper{height:300px!important}*/
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:380px;background:#fff;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:390px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:200px;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:center;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}