@charset "utf-8";
/* CSS Document */
body, html {
  background:#fff;overflow-x:hidden; font-weight:normal; /*display:-webkit-box;-webkit-box-orient:vertical; -webkit-box-align:center;*/
  font: 16px "Microsoft Yahei", "微软雅黑", "Pinghei", Arial, sans-serif; color: #777;  
}
.mar_t20{margin-top:20px !important;}
.mar_t30{margin-top:30px !important;}
.mar_t40{margin-top:40px !important;}
.mar_t50{margin-top:50px !important;}
.mar_t60{margin-top:60px !important;}
.mar_t70{margin-top:70px !important;}
.mar_l20{margin-left:20px !important;}
.mar_l30{margin-left:30px !important;}
.mar_l40{margin-left:40px !important;}
.mar_r20{margin-right:20px !important;}
.mar_r30{margin-right:30px !important;}
.mar_r40{margin-right:40px !important;}

/*首页-轮播*/
.slider{display:none;}/*用于获取更加体验*/
.focus span{width:6px;height:6px;margin-right:4px;border-radius:50%;background:#666;font-size:0}
.focus span.current{background:#fff}
/*品牌*/
.pinpai-box{ width: 100%; margin:0 auto; }
.partner_n{
	width:100%;
	margin:0 auto;
	}
.pinpai-title{ float: left; background: url(../images/pinpai.png) no-repeat left center; padding-left: 50px; width: 195px; height: 300px}
.pinpai-title h1{ 
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	padding-top: 120px;
 }
.pinpai-title h2{ 
	font-size: 14px;
	font-weight: 400;
	color: #4D4D4D;
	padding-top:10px;
 }
.pinpai_line{
	float: right;
	height: 300px;
	width: 1084px;
	overflow:hidden;
	background: url(../images/pinpai-bg.png) no-repeat center;
	}
.pinpai_line img{
	width:125px;
	height:80px;
	margin:35px 43px 35px 45px;
	}
input.more{
	display:block;
	width:114px;
	height:39px;
	line-height:39px;
	margin:0 auto;
	margin-top:30px;
	border-radius:4px;
	text-align:center;
	color:#255399; 
	border:none;
	font-family:"微软雅黑";
	background:none;
}
/*新闻*/
.news,.movie,.about{
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	display: block;
}
.news_t,.coop_t,.product_t,.movie_t{
	width: 487px;
	height: 104px;
	margin:0 auto;
	display: block;
	}
.Inews-nav{text-align:center;font-size:0px;margin:10vw 0 0 0; border-bottom: 1px solid #cccccc;}
.Inews-nav a{display:inline-block;width: 26vw;height: 8vw;line-height:8vw;font-size: 3vw;border-radius:4vw;margin:0 1.5vw; color: #101010; margin-bottom: 10vw; border: 1px solid #cccccc;}
.Inews-nav a.cur{width: 26vw;height: 8vw;background: #D5322E; color: #fff;}
.contain{ padding:0 3vw; }
.Inews-box{overflow:hidden; margin-top:5vw;}
.Inews-box p{ line-height:20px; margin-bottom:10px;}`
.js_img{ display:block; margin:0 auto; margin-bottom:20px; box-shadow:0px 8px 16px #DFDFDF;}
.Inews-1st{display:block;width:100%;height:464px; position: relative;}
.Inews-1st img{width:100%; height:464px; border: 1px solid #c0c0c0;}
.com-img{ position: relative }
.Inews-1st .date{ position: absolute; top:0; width:96px; height:113px;padding-top:15px;line-height:20px;font-size:12px;text-align:center;color:#fff;background:#D5322E;}
.Inews-1st .date .day{line-height:40px;font-size:50px;margin-top: 10px;}
.Inews-1st .date p{font-size:14px; color: #fff;}
.Inews-1st .name{line-height:28px;font-size:18px; color:#000000; position: absolute;bottom:3.5vw; left: 4%; width: 92%; height: 23vw; background: #fff; padding:17px 22px;}
.Inews-1st:hover .name{color:#D5322E;}

.Inews-list{width:100%;float:left;}
.Inews-list li{height: 25vw; margin-bottom: 2vw; background:#f7f7f7;}
.Inews-list li a{display:block;padding:4vw 0;overflow:hidden;}
.Inews-list li .date{width:26vw; height: 20vw; position:relative;float:left;border-right: 1px solid #f5f5f5; padding-left: 7vw;}
.Inews-list li .date .day{background:url(../images/day-line.png) no-repeat left bottom;font-size: 8vw;color: #323232; line-height: 10vw; margin-bottom: 2vw;}
.Inews-list li .date p{font-size: 14px;color: #323232;}
.Inews-list li .name{width:60vw; height: 14vw;  padding-left:7vw;line-height:7vw;font-size:4vw;float:left;color:#000000;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Inews-list li:hover {border-bottom: 3px solid #D5322E;}
.Inews-list li:hover .name{ color:#D5322E; }

.pr {position:relative;height:330px;}
.ofH {overflow:hidden;}

/*服务*/
.fuwu_box{ overflow:hidden; height:20vw; width:100%; margin:0 auto;}
.fuwu_box_right{ float:left; color:#585757; overflow:hidden;width:100%;}
.fuwu_box_right li{ display:block; float:left; width: 25%; padding:0 2%; border-right: 1px solid #e5e5e5;}
.fuwu_box_right li:last-child{ margin-right:0px;}
.fuwu-bg{ width:100%;overflow: hidden;}
.fuwu_box_case{ height:10vw; width: 100%; display:block; text-align:center;transition: transform 0.4s ease; transform: translate3d(0, 0, 0);backface-visibility: hidden;
transform-style: preserve-3d; }
.fuwu_box_case1{ background:url(../images/fuwu-1.png) no-repeat center center;background-size: 10vw;}
.fuwu_box_case2{ background:url(../images/fuwu-2.png) no-repeat center center;background-size: 10vw;}
.fuwu_box_case3{ background:url(../images/fuwu-3.png) no-repeat center center;background-size: 10vw;}
.fuwu_box_case4{ background:url(../images/fuwu-4.png) no-repeat center center;background-size: 10vw;}
.fuwu_box_case1:hover,.fuwu_box_case2:hover,.fuwu_box_case3:hover,.fuwu_box_case4:hover{  
    transform: scale(1.04);
    opacity: 0.9;  
	background-size: cover; 	
}
.fuwu_box_right li h1{ display:block; width:90%;font-size:3.6vw; line-height:4vw; margin-top:4vw; color: #1A1A1A;text-align:center;}

.cp_bg1:hover a,.cp_bg2:hover a,.cp_bg3:hover a,.cp_bg4:hover a,.cp_bg5:hover a,.cp_bg6:hover a,.product_box_left:hover a{color:#000;} 

/*方案*/
.peizhi_box{ overflow:hidden; width:100%; margin:0 auto; background:url(../images/fangan-bg.png);}
.peizhi-box-b{ overflow: hidden; padding:2vw; }
.peizhi-box-img-bg{overflow: hidden;float: left;height:30vw;width: 50%; padding:3vw 1vw; position:relative; display: block;}
.peizhi-box-img-s{ display:block; height:30vw;text-align:center;transition: transform 0.4s ease; transform: translate3d(0, 0, 0);backface-visibility: hidden; transform-style: preserve-3d; }
.peizhi-box-img2{ background:url(../images/fa-2.png) no-repeat center left;}
.peizhi-box-img3{ background:url(../images/fa-3.png) no-repeat center left;}
.peizhi-box-img4{ background:url(../images/fa-4.png) no-repeat center left;}
.peizhi-box-img5{ background:url(../images/fa-5.png) no-repeat center left;}
.peizhi-shuoming{ height:100%; width:100%; color: #fff;
font-size: 4vw; line-height: 26vw; text-align: center; display: block; transition: transform 0.3s ease; transform: translate3d(0, 0, 0);backface-visibility: hidden;transform-style: preserve-3d; }
.peizhi-shuoming:hover{ transform: scale(1.02); opacity: 0.9; background-size: cover;}
.peizhi-box-txt a:hover{text-decoration: underline;}
a.index-more{ display: block; width: 34vw; height: 8vw; text-align: center; line-height: 7.5vw; color: #666666; border:1px solid #808080; background: #fff; border-radius: 4vw; margin:0 auto; margin-top: 3.5vw; font-size: 3.2vw;}
/*案例*/
#d_tab29{position:relative; height:100vw;background:url("../images/company_bg.gif") no-repeat center 35px;text-align:left; padding:3vw; overflow: hidden;}
#d_tab29 ul{ position:relative;}
#d_tab29 ul,#d_tab29 li{margin:0;padding:0;list-style:none}
#d_tab29 img{border:0;vertical-align:top}


#d_tab29 .d_img a:hover{ color:#afe0cf;}
#d_tab29 .d_img li{position:absolute;display:none;z-index:0; background:#fff; border:1px solid #dedede; border-radius:5px; height:90vw; width: 100%;}
#d_tab29 .d_img li img{width:100%}
#d_tab29 .d_img li.d_pos1{display:block;width:100%; height:90vw; left:0px; top:0px; z-index:1;}

#d_tab29 .d_img img{width:400px; height:200px;}
#d_tab29 .d_menu{position:absolute;bottom:60px;width:100%;text-align:center}
#d_tab29 .d_menu li{display:inline-block;zoom:1;*display:inline;background:url("../images/btn.png") no-repeat 0 0;width:12px;height:12px;cursor:pointer;margin-right:6px}
#d_tab29 .d_menu li.d_select{background:url("../images/btn.png") no-repeat 0 -18px}

#d_tab29 .d_next{position:absolute;right:10%;top:90vw;z-index:110;cursor:pointer; border-radius:50%;}
#d_tab29 .d_prev{position:absolute;left:10%;top:90vw;z-index:110;cursor:pointer}

#d_tab29 .d_img li span{ font-family:"微软雅黑"; display:block; padding:5px 20px 20px 20px;}
#d_tab29 .d_img li span h1{ color:#333333;padding:20px 0 20px 0; display:block; text-align:center;font-size: 18px;font-weight: bold;color: #1B1B1B;line-height: 18px; }
#d_tab29 .d_img li span h2{ color:#808080;font-size: 14px;color: #666666;line-height: 24px;}
#d_tab29 .d_img li:hover{ border-bottom:2px solid #D5322E; }
#d_tab29 .d_img li:hover h1{ color: #D5322E; }
/*新闻*/
.coo{
	float: left;
	display: block;
	padding: 0;
	width: 380px;
	margin:30px 5px;}
.coo_inbox {
	width:100%;
}
.coo_inbox li{
	width:100%;
	float: left;
	margin-left: 2px;
	margin-right: 1px;
	font: normal 12px "微软雅黑";
	line-height: 30px;
	height: 30px;
	display: block;
	margin-top: 5px;
	color:#4d4d4d;
	overflow:hidden;
}
.news_coo_img{
	width:100%;
	height:96px;
	margin:0 auto;
	margin-top:20px;}
.news_coo_img img{
	width:100%;
	height:96px;}
/*简介*/
.work_case{
	width:1180px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	margin-top:60px;
	margin-bottom:60px;
 }
 .work_case .work_case_left{
	float:left;
	width:68%;
	}
.work_case .work_case_right{
	float:right;
	width:30%;
	}
.work_case .work_case_right img{ width:308px; height:238px;}
.work_case_title{
	color:#333333;
	font-size:36px;
	line-height:56px;
	font-weight:600;
	padding-bottom:7px;}
.work_case_line p{
	line-height:24px !important;
	margin-bottom:15px;
	color:#4d4d4d;
	display:block;
	}
.work_case_line p font{ font-family:"微软雅黑" !important;}
.work_button,.work_button2{
	color:#fff;background:#004a79;
	display:block;
	width:97px;
	line-height:30px;
	text-align:center;
	transition: ease-in-out 0.3s all;
	border:1px solid #fff;
	border-radius:7px;
	}
.work_button2{float:right;}
.work_button:hover,.work_button2:hover{color:#fff;background:#004a79;border:1px solid #004a79;}

/*内页盒子、标题*/
.nei_box_s{ width:1120px; margin:0 auto;}
.nei_box_s_bg{ width:100%; margin:0 auto; background:#fff; padding:40px; overflow:hidden;}
.nei_box_l{ width:100%; overflow:hidden;}
.nei_box_l_bg{ width:100%; overflow:hidden; background: #F8F7F7; position:relative;}
.nei_box_l_bg_deep{ width:100%; overflow:hidden; background:#ebebeb; position:relative;}
.nei_title{text-align:center; position:relative;}
.nei_title h1{
	color:#000;
	font-size:5.2vw;
	line-height:14vw;
	height:15vw;
	text-transform:uppercase;
	}
.nei_title h2{ font-size:16px; text-align:center; color: #808080;}