@charset "utf-8";

@font-face {
    font-family: 'hyrunyuan35w';
    src: url('../font/font-about/hyrunyuan-35w-webfont.eot');
    src: url('../font/font-about/hyrunyuan-35w-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/font-about/hyrunyuan-35w-webfont.woff2') format('woff2'),
         url('../font/font-about/hyrunyuan-35w-webfont.woff') format('woff'),
         url('../font/font-about/hyrunyuan-35w-webfont.ttf') format('truetype'),
         url('../font/font-about/hyrunyuan-35w-webfont.svg#hyrunyuan35w') format('svg');
    font-weight: normal;
    font-style: normal;

}

.profile_sec{width:100%;
	position:relative;
	 background:#1c1716;
	overflow:hidden;
	
}
.about_container{width:1200px;margin:0 auto;z-index:99;position:relative;height:100%;}
.profile_sec_container{display: table;}
.profile_warp{display: table-cell;vertical-align: middle;}
.about_tit{font-size:26px;color:#ffffff;text-align:center;line-height:1;margin-bottom:75px;}
.about_tit:before,.about_tit:after{
	content:"";
	width:52px;
	height:1px;
	background:#635a57;
	display:inline-block;
	vertical-align:middle;
}

.about_tit:before{margin-right:15px;}
.about_tit:after{margin-left:15px;}
.profile_tit{font-weight:bold;font-size:36px;color:#af4184;line-height:1;}
.profile_tit2{margin-top:25px;margin-bottom:60px;font-family: 'hyrunyuan35w';color:#ffffff;font-size:36px;line-height:1;}
.profile_summary{width:51%;}
.profile_summary p{font-size:14px;color:#fff;margin-bottom:20px;line-height:1.8;}
.profile_img{position:absolute;right:0;top:0;width:100%;height:100%;
	background:url(../images/profile_img.jpg) no-repeat top right;
	background-size:auto 100%;
		}

/*history_sec*/
.history_switch{position: relative;left:50%;float: left;}
.history_switch .switch{float: left;color:#666666;width:115px;height: 35px;border:1px solid #cbcbcb;position: relative;left:-50%;line-height: 35px;text-align: center;cursor:pointer;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.history_switch .switch1{border-right:none;}
.history_switch .switch:hover,.history_switch .switch.cur{color:#ffffff;background: #af4184;border:1px solid #af4184}
.enterprise_events{overflow:hidden;background: #fff;background-size:cover;padding-left:55px;padding-top:90px;padding-bottom: 90px;position: relative;z-index:99;}

.enterprise_events ul li{font-size: 14px;color: #666666;line-height: 32px;}
.enter_left{width:55%;float:left;height: 393.2px;}
.enter_left ul li{padding-right:40px;}
.enter_right{width:45%;float: right;position: relative;}
.enter_right img{float: right;padding-right:38px;}
.img_txt{position: absolute;background: rgba(0,0,0,0.5);bottom:38px;width:103%;right:38px;color:#fff;font-size: 16px;line-height: 24px;padding-left:20px;padding-right:20px;text-align:center;padding-top:8px;padding-bottom:8px;}
.enterprise_year{position: absolute;width:110px;height: 75px;background: #af4184;color:#fff;text-align: center;line-height: 75px;top:-10px;font-size: 32px;}
.enterprise_year span{font-size: 14px;margin-left:5px;}
.enterprise_history{margin-top:70px;margin-bottom: 75px;}
.enterprise_events{display: none;}
.enterprise_history_con,.enterprise_history_con{display: none;}
.history_sec{background:#f3f3f3;padding-bottom:150px;}
.about_tit.history_tit{color:#666666;padding-top:100px;}
.history_tit:before,.history_tit:after{background:#c0c0c0;}
.history_con{background:#fff;margin-top:70px;margin-bottom:75px;overflow:hidden;}
.history_con ul li{position:relative;padding-right:85px;display:none;}
.history_con ul li.cur .events_img{
	-webkit-animation:fadeInLeft 1s 0s both;
	animation:fadeInLeft 1s 0s both;
	-moz-animation:fadeInLeft 1s 0s both;
}
.history_con ul li.cur .events_img img{
	-webkit-animation:events 1s 0.7s both;
	animation:events 1s 0.7s both;
	-moz-animation:events 1s 0.7s both;
}
.history_con ul li.cur .events_con{
	-webkit-animation:fadeInRight 1.4s 0s both;
	animation:fadeInRight  1.4s 0s both;
	-moz-animation:fadeInRight 1.4s 0s both;
}
.enterprise_events.cur .enter_left{
	-webkit-animation:fadeInLeft 1.4s 0s both;
	animation:fadeInLeft  1.4s 0s both;
	-moz-animation:fadeInLeft 1.4s 0s both;
}
.enterprise_events.cur .events_img {
	-webkit-animation:fadeInRight 1s 0s both;
	animation:fadeInRight 1s 0s both;
	-moz-animation:fadeInRight 1s 0s both;
}
.enterprise_events.cur .events_img img,.enterprise_events.cur .img_txt{
	-webkit-animation:events2 1s 0.7s both;
	animation:events2 1s 0.7s both;
	-moz-animation:events2 1s 0.7s both;
}
.events_img{width:31.5%;padding-left:38px;padding-bottom:38px;padding-top:38px;background:#af4184;}
.events_img img{width:127%;min-width: 320px}

.events_con{padding-top:33px;padding-bottom:33px;padding-right:5.9%;width:53%;}
.events_year{font-size:45px;color:#af4184;line-height:1;margin-top:40px;font-family: 'hyrunyuan35w';}
.month1:before{
	content: "";
	width:1px;
	height: 35px;
	display: inline-block;
	background:#dedede;
	margin:0 10px;

}
.month1{font-size: 25px;color: #999999;margin-left:5px;}
.events_tit{margin-top:35px;font-size:20px;color:#666666;}
.events_con hr{width:100%;background:#e1e1e1;margin-top:38px;margin-bottom:30px;}
.events_txt p{color:#666666;font-size:14px;line-height:1.6;margin-bottom:25px;}
.year_switch{position:relative;}
.year_list{overflow:hidden;position:relative;height:60px;}
.year_list ul{left:0;position:absolute;top:0;z-index:99999;}
.year_list ul li{float:left;position:relative;text-align:center;cursor:pointer;}
.year_list ul li:before,.year_list ul li:before{position:absolute;content:"";width:17px;height:25px;background:url(../images/year_icon3.png) no-repeat center;left:50%;margin-left:-8.5px;top:6px;z-index:999;background-color:#f3f3f3;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.prev,.next{background:url(../images/year_icon1.png) no-repeat;width:31.5px;height:32px;display:block;position:absolute;z-index:99;background-color:#f3f3f3;}
.prev:hover,.next:hover{background:url(../images/year_icon2.png) no-repeat;background-color:#f3f3f3;}
.prev,.prev:hover{background-position:0 0;left:0;top:0;}
.next,.next:hover{background-position:-32px 0;right:0;top:0;}
.year_txt{font-size:20px;color:#a9a9a9;line-height:1;margin-top:40px;font-family: 'hyrunyuan35w';
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.year_list ul li:hover:before,.year_list ul li:hover:before,.year_list ul li.cur:before,.year_list ul li.cur:before{background:url(../images/year_icon4.png) no-repeat center;}

.year_list ul li:hover .year_txt,.year_list ul li.cur .year_txt{color:#af4184;}
.connect_line{position:absolute;width:100%;border-top:1px dashed #a8a8a8;top:15px;left:0;}

/*technology_sec*/
.technology_sec{height:910px;position:relative;overflow:hidden;}
.profile_warp2{top:42%;}
.technology_img{position:relative;}
.technology_con{position:absolute;left:0;width:100%;height:100%;top:0;}
.profile_con2{margin-top:130px;}
.know_det{width:150px;height:40px;border:1px solid #f1eff9;display:block;text-align:center;line-height:40px;color:#f1eff9;font-size:14px;margin-top:60px;}
.know_det:hover{background:#af4184;border-radius:6px;border:1px solid #af4184;color:#fff;}
.technology_bck{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;
	background: url(../images/techology_bck.jpg) center top no-repeat;
	background-size:cover;
    -webkit-animation: networkbg 18s linear infinite;
    animation: networkbg 18s linear infinite;
}
.firework{position:absolute;bottom:0;right:0;z-index:2;width:100%;height:100%;
	background: url(../images/firework_img.png) right top no-repeat;
	background-size:auto 100%;  
}

@media screen and (max-width:1920px) {
	.technology_sec{height:850px; }
}
@media screen and (max-width:1600px) {
	.profile_warp2{top:45%;}
	.technology_sec{height:800px; }
	.about_tit{margin-bottom:60px;font-size:34px;}
	.profile_tit2{margin-bottom:50px;font-size:34px;}
	.know_det{margin-bottom: 50px;}
}
@media screen and (max-width:1440px) {
	.technology_sec{height:750px; }
	.profile_summary p{margin-bottom: 15px;}
}
@media screen and (max-width:1280px) {
	/*关于我们页面第一屏响应式调整*/
	.about_container{width:1100px;}
	.technology_sec{height:700px; }
	.about_tit{margin-bottom:45px;font-size: 24px;}
	.profile_tit2 {margin-top:18px;margin-bottom:40px;font-size: 32px}
	.profile_summary p{margin-bottom:15px;}
	.profile_tit{font-size: 32px;}
	.know_det{margin-top: 50px}
	

}
@media screen and (max-width:1200px) {
	.about_container{width:auto;margin-left:8%;margin-right:8%;}
	.events_con hr{margin-top:25px;margin-bottom: 25px;}
	.events_img{padding-top:25px;padding-left:25px;padding-bottom:25px;}
	.events_con{padding-top:25px;padding-bottom: 0px;}
	.events_tit{margin-top:20px;}
}

@media screen and (max-width:992px) {
	.about_container{width:auto;margin-left:6%;margin-right:6%;}
	.events_tit{font-size:18px;}
	.events_con hr{margin-top:20px;margin-bottom: 20px;}
	.about_tit.history_tit{padding-top:60px;margin-bottom: 60px;}
	.history_con{margin-top:60px;margin-bottom: 55px;}
	.profile_summary{width:60%}
	.about_tit{margin-bottom: 30px;}
	.profile_tit2,.profile_tit{font-size:28px;}
	.profile_tit2,.know_det{margin-bottom: 30px;}
	.know_det{width:130px;}
	.proflie_mask{position: absolute;left:0;top:0;width:100%;height: 100%;background: rgba(0,0,0,0.4)}
}
@media screen and (max-width:768px) {
	.about_tit:before,.about_tit:after{display: none;}
	.about_container{width:auto;margin-left:6%;margin-right:6%;}
	.profile_summary{width:100%;}
	.events_con{width:100%;padding-left:5%;padding-right:5%;}
	.events_img{width:78%;}
	.profile_tit2, .profile_tit{font-size:22px;}
	.profile_summary p{line-height: 1.8;margin-bottom: 10px;}
	.about_tit{margin-bottom: 50px;font-size:22px;}
	.profile_tit2, .know_det{margin-bottom: 30px}
	.technology_sec{height:540px;}
	.know_det{width:100px;height: 35px;line-height: 35px;margin-bottom: 0;}
	.profile_warp2 .profile_tit2 {font-size:20px;}
	.technology_bck{background: url(../images/technology_bck.jpg) no-repeat top right;-webkit-animation:none;animation:none;}

	.phone_pro_history{background: #fff;}
	.phone_pro_img{width:100%;margin-bottom: 25px;text-align: center}
	.phone_pro_img img{max-width: 100%;height: auto}
	.find_nav,.find_nav2 {width: 100%;height: 70px; background-color: #f9f9f9; z-index: 9999;border-bottom: 1px solid #ddd;display: -moz-box; display: -webkit-box;display: box;}
	.find_nav_left,.find_nav_left2 { height: 70px;position: relative;overflow: hidden;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
	.find_nav_list,.find_nav_list2 { position: absolute;left: 0}
	.find_nav_list ul,.find_nav_list2 ul {position: relative;white-space: nowrap; font-size: 0;}
	.find_nav_list ul li,.find_nav_list2 ul li{display: inline-block;padding: 0;margin:0 20px;}
	.find_nav_list ul li a,.find_nav_list2 ul li a { display: block; width: 100%; height: 100%; line-height: 70px; font-size: 18px; text-align: center; color: #666;}
	.find_nav_cur a ,.find_nav_cur2 a{color: #af4184 !important;}
	.find_nav_list a.active,.find_nav_list2 a.active{ color:#af4184}

	.swipe_warp{padding:20px;}
	.phone_his_tit{color:#666666;font-size: 16px;margin-bottom: 30px;text-align: center;margin-top:30px;}
	.about_tit.history_tit {padding-top: 40px;margin-bottom: 0px;}
	.phone_pro_history:nth-child(1){margin-bottom: 30px;}

}
@media screen and (max-width:480px) {
	.about_container{width:auto;margin-left:6%;margin-right:6%;}
	.profile_summary p{font-size:13px;}
	.history_sec{padding-bottom:60px;}
	.technology_sec{height:650px;}
	.profile_warp2{top:50%;}
}


/*techonology.html*/
.technology_breadcrumb{top:30px;left:0;right:auto;}
.technology_sec1{width:100%;height:600px;background: url(../images/techonology_img1.jpg) no-repeat center;position: relative;
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://macro.eidea.net.cn/images/techonology_img1.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://macro.eidea.net.cn/images/techonology_img1.jpg', sizingMethod='scale')";
}
.technology_sec1 .about_container{display:table;position:relative}
.certificate_img,.certificate_con{width:50%;display:table-cell;vertical-align:middle;}
.certificate_img img{margin-top:100px;}
.certificate_con{padding-left:8%;}
.certificate_txt1{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; padding-top:25px;padding-bottom:25px;display: inline-block; font-size:30px;color:#af4184;margin-bottom: 45px}

.certificate_txt2 p{font-size: 16px;color: #333333;line-height: 28px;position: relative;padding-left:20px;}
.certificate_txt3{margin-top:50px;color: #666666;font-size: 14px;line-height: 24px}
.techonology_txt2{padding-bottom:20px;padding-top:20px;margin-bottom: 0;}
.techonology_txt3{width:545px;}
/*technology_sec2*/
.technology_sec2{padding-top:140px;padding-bottom: 80px;position:relative}
.technology_right{width:83.3%;float: right}
.cnsa{margin-top:50px;}
/*technology_sec3*/
.technology_sec3{width:100%;height:725px;background: url(../images/techonology_img3.jpg) no-repeat center;-webkit-background-size: cover;position: relative;display:table;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://macro.eidea.net.cn/images/techonology_img3.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://macro.eidea.net.cn/images/techonology_img3.jpg', sizingMethod='scale')";}
.technology_sec3_mask{position:absolute;right:0;top:0;background: rgba(255,255,255,0.8);width:50%;height: 100%;}
.about_container_warp{display:table-cell;vertical-align: middle;}
.technology_sec3_con{width:50%;float: right;padding-left:100px;}
.technology_sec3 .certificate_txt1{margin-bottom: 0}
.technology_sec3 .about_container{height:auto;}
.certificate_txt3 p:first-child{margin-bottom:25px;}
.technology_sec3 .certificate_txt3{margin-top: 45px}
.technology_sec3 .certificate_txt2{margin-top:55px;}
.certificate_txt2 p:before,.certificate_txt2 p:before{
	content: "◇";
	position:absolute;
	left:0;
	color:#af4184;
	font-size: 20px;
}
/*technology_sec4*/
.technology_sec4{margin-top:135px;}
.certificate_txt1.certificate_txth{color: #333333;margin-bottom:0;}
.certificate_txt1_warp{text-align: center;}
.awards_list{margin-top:200px;}
.awards_tit{font-size:20px;color:#333333;margin-top:35px;margin-bottom: 25px;}
.awards_con{color:#666666;line-height: 24px}
.awards_list ul li>div:nth-child(1){padding-right:115px;}
.awards_list ul li>div:nth-child(2){padding-left:45px;}
.awards_list ul li{margin-bottom: 125px;}
.awards_con_txt{display: table}
.awards_con_warp{display: table-cell;vertical-align: middle;}
/*technology_sec5*/
.technology_sec5{width:100%;height:825px;background: url(../images/techonology_img5.jpg) no-repeat center;-webkit-background-size: cover;position: relative;display:table;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://macro.eidea.net.cn/images/techonology_img5.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://macro.eidea.net.cn/images/techonology_img5.jpg', sizingMethod='scale')";}
.technology_sec5 .certificate_txt1_warp{padding-top:85px;}
.technology_sec5, .certificate_txt1{padding-top:20px;padding-bottom:20px;}
.skills_list ul li{float: left;width:16.6666%;padding-left:8px;padding-right:8px;text-align: center;margin-top: 145px;}
.skills_img{width:100%;height: 240px;display:table;background: #fff;border:1px solid #dfdfdf;position:relative;}
.skills_img div{display: table-cell;vertical-align: middle;}
.skills_tit{height: 70px;line-height: 70px;color: #333333;font-size: 18px;-webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.border_top{position:absolute;left:0;top:0;width:0;height: 1px;background:#af4184;
-webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.border_right{position:absolute;right:0;bottom:0;height:0;width: 1px;background:#af4184;
-webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.border_bottom{position:absolute;bottom:0;right:0;width:0;height: 1px;background:#af4184;
-webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.border_left{position: absolute;top:0;left:0;width:1px;height: 0px;background:#af4184;
-webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.skills_list ul li:hover .skills_img{border:1px solid transparent;}
.skills_list ul li:hover .border_top,.skills_list ul li:hover .border_bottom{width:100%;}
.skills_list ul li:hover .border_right,.skills_list ul li:hover .border_left{height:100%;}
.skills_list ul li:hover .skills_tit{color: #af4184}
/*skills.html*/

.skill_breadcrumb{position:relative;text-align:right;margin-bottom:20px;}

.skills_tit2{color:#333333;font-size:30px;margin-top:80px;margin-bottom:30px;}
.skill_sec{margin-top:90px;}
.skill_sec_tit{font-size:30px;color:#af4184;text-align:center;}
.skill_sec_con{margin-top:100px;}
.skill_sec_tit2{font-size:24px;color:#333333;line-height:24px;margin-bottom:25px;}
.skill_sec_txt p{color:#999999;font-size:14px;line-height:24px;margin-bottom:20px;}
.skill_sec_txt p:last-child,.skills_feature ul li:last-child{margin-bottom:0;}
.skill_sec_txt{margin-bottom:55px;}
.skills_feature ul li{margin-bottom:45px;}
.skills_feature{margin-bottom:55px;}
.skill_sec_tit2.skill_sec_tit3{margin-bottom:15px;}
.feature1{font-size:18px;color:#333;}
.skills2_con{margin-top:95px;}
.skills2_con >div:nth-child(2){padding-left:50px;padding-right:30px;}
.skills2_con >div:nth-child(1){padding-right:50px;}
.skills_con2_img2{margin-top:40px;}
.skills_det_con{margin-bottom:105px;}
.feature2{font-size:14px;color:#666;}
.skill_sec_txt2{font-size:14px;color:#999;line-height:24px;}
.feature3{font-size:14px;color:#999;}
.skill_table1,.skill_table2{width:900px;border-collapse: collapse;border:1px solid #dbdbdb;margin:0 auto;}
.skill_table1 th{text-align:center;color:#666666;height:50px;}
.skill_table1 tr td,.skill_table2  tr td{color:#999999;border:1px solid #dbdbdb;height:50px;text-align: center;padding:15px;}
/*techonology页面响应式调整*/
@media screen and (max-width:1440px) {
	.certificate_txt1{padding-top:15px;padding-bottom:15px;}
}
@media screen and (max-width:1280px) {
	.technology_sec1{height:450px;}
	.certificate_txt1{font-size:23px;margin-bottom:30px;}
	.certificate_txt3{margin-top:30px;}
	.techonology_txt3{width:auto;margin-top:0;}
	.cnsa{margin-top:30px;}
	.technology_sec2{padding-top:100px;padding-bottom:60px;}
	.technology_sec3_con{padding-left:60px;padding-top:50px;padding-bottom: 50px;}
	.technology_sec3 .certificate_txt3{margin-top:30px}
	.technology_sec3 .certificate_txt2{margin-top:35px;}
	.certificate_txt3 p:first-child{margin-bottom:20px;}
	.technology_sec3{height:600px}
	.technology_sec4,.awards_list{margin-top:80px;}
	.awards_list ul li>div:nth-child(1){padding-right:45px;}
	.awards_list ul li{margin-bottom:60px;}
	.skills_img img{width:80%;}
	.skills_tit{font-size:16px;}
	.skills_list ul li{padding-left:5px;padding-right:5px;margin-top:80px;}
	.technology_sec5{height:700px;}
	.technology_sec5 .certificate_txt1_warp{padding-top:60px;}
}
@media screen and (max-width:992px) {
	.cnsa{margin-top:15px;}
	.certificate_con{padding-left:4%;}
	.technology_sec1{height:400px;}
	.certificate_txt1{font-size:19px;margin-bottom:0px;padding-top:10px;padding-bottom:10px;}
	.certificate_txt3{margin-top:20px;}
	.techonology_txt3{margin-top:20px;}
	.technology_sec2{padding-top:70px;}
	.certificate_txt2 p{font-size:14px;}
	.technology_sec3{height:500px;padding-top:30px;padding-bottom: 30px;}
	.technology_sec3 .certificate_txt3,.technology_sec3 .certificate_txt2{margin-top:20px;}
	.technology_sec3 .certificate_txt2{margin-top:25px;}
	.technology_sec3_con{padding-left:30px;}
	.technology_sec4, .awards_list{margin-top:60px;}
	.certificate_txt1.certificate_txth{margin-bottom:25px;}
	.awards_list ul li>div:nth-child(1){padding-right:20px;}
	.awards_list ul li>div:nth-child(2){padding-left:20px;}
	.awards_tit{font-size:18px;margin-top:20px;margin-bottom:15px;}
	.skills_img{height:180px;}
	.skills_tit{height:50px;line-height:24px;font-size:14px;line-height:50px;}
	.technology_sec5{height:500px;}
	.technology_sec5 .certificate_txt1_warp{padding-top:40px;}
	.skills_list ul li{margin-top:50px;}
}
@media screen and (max-width:768px) {
	.certificate_img{display:none;}
	.certificate_txt1{font-size:18px;padding-top:8px;padding-bottom:8px;margin-bottom:15px;}
	.certificate_txt3{margin-top:15px;}
	.certificate_con{width:100%;padding-left:0;}
	.technology_sec1{height:350px;}
	.technology_sec2{padding-top:40px;padding-bottom:40px;}
	.cnsa .certificate_txt1{width:320px;display:block;margin:0 auto;}
	.certificate_txt3{margin-bottom:15px;}
	.technology_right{float:left;width:100%;}
	.technology_sec3_con,.technology_sec3_mask{width:100%;padding-left:0;}
	.technology_sec3_mask{background:rgba(255,255,255,0.5);}
	.technology_sec4, .awards_list{margin-top:40px;}
	.certificate_txt1.certificate_txth{margin-bottom:15px;}
	.awards_list ul li>div:nth-child(1),.awards_list ul li>div:nth-child(2){padding:0;}
	.awards_list ul li>div:nth-child(1){margin-bottom:25px;}
	.awards_list ul li{margin-bottom:40px;}
	.awards_list ul li:nth-child(2) .awards_con_txt {display:block;height:auto!important;}
	.awards_tit{font-size:16px;}
	.skills_list ul li{width:100%}
	.skills_tit,.skills_img{float:left;}
	.skills_tit{width:50%;line-height:80px;}
	.skills_list{margin-top:20px;}
	.skills_list ul li{margin-top:0;}
	.skills_img{width:50%;height:80px;}
	.skills_img img{max-width:100%;height:30%;width:auto;}
	.technology_sec5 .certificate_txt1_warp{padding-top:20px;}
	.skills_tit2{font-size: 18px;margin-top:40px;}
	.skill_breadcrumb{text-align:left;}
	.skills_sec_img {width:100%;margin-bottom: 25px;}
	.skill_sec,.skills2_con{margin-top:40px;}
	.skill_sec_tit{font-size: 20px;}
	.skill_sec_tit2{font-size: 18px;}
	.skill_sec_con{margin-top:40px;}
	.skill_sec_tit2{margin-top:20px;}
	.phone_pro_tit{font-size: 16px;color: #333;margin-bottom: 20px;}
	.phone_pro_con p{margin-bottom: 10px;}
	
	.skills2_con >div:nth-child(2){padding-left:0px;padding-right:0px;}
	.skills2_con >div:nth-child(1){padding-right:0px;}
	.skills_sec_img{width:100% !important;}
	.logo_img{display: block;margin:0 auto 30px;width:200px;float: none;}
	.feature1{font-size: 16px;margin-bottom: 10px;}
	.feature2{margin-bottom: 10px;}
	.skills_feature ul li{margin-bottom: 25px;}
	.skill_sec_txt{margin-bottom: 40px;}
	.skills_sec_img{float: none;margin:0 auto 30px;display: block;max-width: 325px;}
	.skills2_img2{display: block;margin:0 auto;}
	.skill_tit_phone{margin-top:30px;margin-bottom: 30px;}
}


.pubTitle{width: 100%;text-align: center;}
.pubTitle h6{font-size: 40px;color: #333;}
.pubTitle i{display: block;width: 40px;height: 4px;background: #af4184;margin: 24px auto;}
.pubTitle p{font-size: 14px;color: #999;line-height: 24px;}
.pubTitle-white h6{color: #fff;}
.pubTitle-white i{background: #fff;}
.pubTitle-white p{color: #fff;}
.abojs{width: 100%;padding: 50px 0 20px;}
.abojs-contain{width: 1240px;margin: 0 auto;}
.abojs .pubTitle i{margin-bottom: 42px;}
.abojs .pubTitle p{margin-top: 20px;text-align: left;font-size: 15px;color: #666;line-height: 26px;}
.abojs-icon{width: 100%; overflow: hidden;}
.abojs-icon li{width: 25%;float: left;text-align: center;margin-top: 72px;}
.abojs-icon h6{height: 80px;line-height: 78px;}
.abojs-icon h6 img{max-height: 100%;}
.abojs-icon p{font-size: 16px;color: #666;margin-top: 34px;}
.abolj{width: 100%;overflow: hidden;}
.abolj-wd{width: 50%;float: left;color: #fff;height: 500px;background: #af4184;padding: 110px 128px 0 170px;}
.abolj-wd h6{font-size: 32px;padding-bottom: 20px;}
.abolj-wd p{font-size: 15px;line-height: 26px;margin-top: 28px;}
.abolj-img{width: 50%;float: left;}
.abolj-img img{width: 100%;height: 500px;object-fit: cover;}
.abowh{width: 100%;padding: 40px 0 60px;}
.abowh-list{width: 100%;overflow: hidden;}
.abowh-list ul{margin-left: -3%;}
.abowh-list li{width: 22%;float: left;margin-left: 3%;margin-top: 20px;position: relative;overflow: hidden;}
.abowh-img{display: block;width: 100%;object-fit: cover;transition: all .4s ease;}
.abowh-sd{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(175, 65, 132, .5);transition: all .6s ease;display: flex;align-items: center;}
.abowh-wd{width: 100%;text-align: center;}
.abowh-wdimg{width: 100%;height: 70px;line-height: 70px;}
.abowh-wdimg img{max-height: 100%;}
.abowh-wd h6{font-size: 24px;color: #fff;margin-top: 32px}
.abowh-wd p{font-size: 15px;color: #fff;margin-top: 20px;height: 0;overflow: hidden;transition: all .4s ease;}
.abowh-list li:hover .abowh-sd{background: rgba(31, 92, 203, 1);}
.abowh-list li:hover .abowh-img{transform: scale(1.04);}
.abowh-list li:hover .abowh-wd p{height: 25px;}
.social-box{position:relative;height:600px;overflow: hidden;color:#fff;}
.social-box-abs{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.social{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;text-align:center;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;object-fit: cover;}
.social-box .contain{position:absolute;left:50%;transform: translate(-50%,-50%);top:50%;}
.social.active{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}
.social-box .ind-tit1{color:#fff; font-size: 40px; text-align: center; font-weight: normal;;}
.social-box  i{background: #fff;display: block;width: 40px;height: 4px;margin: 24px auto;}
.social-box .ind-tit1:after{background:#fff;}
.social-box p{margin-bottom:20px;line-height:30px;font-size:16px; text-align: center;}
.case{ padding:50px 0px 100px 0px; overflow: hidden;}
.case ul li{ overflow: hidden;background: #f1eff9;}
.case ul li:hover .pic img{-webkit-transform:scale(1.07, 1.07);-moz-transform:scale(1.07, 1.07);-o-transform:scale(1.07, 1.07);transform:scale(1.07, 1.07)}

.case .pic{ width: 50%; overflow: hidden; }
.case .pic img{ width:100%; -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.case .text{ width: 50%; }
.case .text h1{ padding: 50px 50px 10px 50px; font-size:24px; color: #333; ;}
.case .text h2{ padding: 0px 50px 0px 50px; color: #666;font-size:18px;}
.case .text p{ padding: 0px 50px 0px 50px; color: #333;font-size:14px; line-height: 32px;} 
.case .left{ float: left;}
.case .right{ float: right;}
.news_button{ margin-left: 50px;
	font-size: 14px;
	color: #af4184;
	width: 120px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border: 1px solid #af4184;
	margin-top: 35px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out; display: block;}

	 .news_button:hover {
		background: #af4184;
		border-radius: 0.5em;
		color: #fff;
	  }
	  .caseny{ padding: 50px 0px 0px;}
	  .caseny h2{ border-bottom: 2px solid #af4184; padding-bottom: 5px; display: inline; font-size: 20px; color: #000; font-weight: bold;  line-height: 50px;;}
	  .caseny  p{ line-height: 30px; margin-bottom: 10px;;}
	  .caseny  p strong{ color: #000;}
	  .caseny img{ max-width:100% }
	  .reltab{width: 100%;padding: 50px 0; height: 320px;}
.reltab ul{margin-left: -2%; }
.reltab li{width: 31.3333%;float: left;margin-left: 2%;float: left;background: #fff;height: 224px;display: flex;align-items: center;position: relative;transition: all .4s ease; background: #f7f7f7;}
.reltab-tag{position: absolute;z-index: 1;font-size: 14px;color: #b8b8b8;top: 22px;right: 28px;font-style: normal;}
.reltab-item{width: 100%;padding: 0 100px 0 50px;font-size: 0;}
.reltab-img, .reltab-wd{display: block;}
.reltab-img{float: left;width: 94px;margin-top: 10px;}
.reltab-img i{ font-size: 40px;}
.reltab-wd{width: calc(100% - 94px);float: right;}
.reltab-wd span{font-size: 16px;color: #999;display: block;line-height: 26px;margin-bottom: 8px;}
.reltab-wd p{font-size: 16px;color: #333;line-height: 24px;}
.reltab li:hover{box-shadow: 0 4px 10px 2px #e5e5e5;}
.reltab li:last-child .reltab-item{padding-right: 0;}
#map{ height: 608px;}
.contact-form {
	background: #e5eaf0;
	
  }
  .contact-form .row {
	margin-left: -5px;
	margin-right: -5px;
  }
  .contact-form .row > * {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
  }
  .contact-form input,
  .contact-form textarea,
  .contact-form button {
	border: 0;
	box-shadow: none;
	outline: none;
	resize: none;
	background: none;
	font-size: 14px;
  }
  .contact-form label {
	color: #666;
	font-weight: normal;
	margin-bottom: 0;
  }
  .contact-form li {
	min-height: 58px;
	line-height: 58px;
	transition: 0.3s;
	margin-bottom: 16px;
  }
  .contact-form li .inner {
	background: #fff; border: 1px solid #dcdcdc;
	padding-left: 16px;
  }
  .contact-form li input {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: block;
  }
  .contact-form li label {
	margin-right: 20px;
  }
  .contact-form textarea {
	display: block;
	height: 160px;
	width: 100%;
	line-height: 1.76;
	margin-bottom: 10px;
  }
  .contact-form .submit {
	width: 200px;
	height:58px;
	line-height: 58px;
	background: #af4184;
	color: #fff;
	text-align: center;
	font-size: 16px;  position: absolute; left: 50%; margin-left: -100px;;
  }
  .form_txt{ text-align: center;}
  .form_txt h1{ font-size: 30px; color: #333;}
  .form_txt p{ font-size: 16px;}