/*create by kgu, Inc.
	 *kgu.less v1.0
	 * Copyright 2010-2017 kgu.cn(http://kgu.cn)
	*/

	/*reset*/
	@charset "utf_8";

	*{margin: 0;padding: 0;font-size: 14px;outline: none}

	body{font-family:"微软雅黑", "Arial";-webkit-text-size-adjust: 100%;font-size: 14px;}

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	    margin: 0;
	    padding: 0;
	}
	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}

	fieldset, img {
	    border: 0;
	}

	ol, ul {
	    list-style: none;
	}

	caption, th {
	    text-align: left;
	}

	q:before, q:after {
	    content: '';
	}

	abbr, acronym {
	    border: 0;
	}

	img{
	    max-height: 100%;
	    max-width: 100%;
	}

	


	
	h2{
		font-weight:550;
		font-size: 28px;
		color: #353535;
	}

	h3 p{
		font-size: 14px;
		color: #696868;
		line-height: 30px;
		font-weight: 500;
	}

	.gray_back{
		background-color: #f7f7f7;
	}
	.m_head{
		display: none;
	}


	/*head*/
	.head{
		position: fixed;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    text-align: center;
	    background-color: #f7f7f7;
	    z-index: 999;
	}
	.head_con{
		max-width: 1080px;
		margin: 0 auto;
	}
	.head_logo{
		padding: 20px 0 20px 0;
	}
	.nav_box{
		float: right;
	}
	/*.nav{
		padding-top: 20px;
    	padding-left: 30%;
	}*/
	.nav_list_p > li{
		display: inline-block;
		margin-left: 30px;
	}
	.nav_list_p > li > a{
		text-decoration:none;
	}
	.nav_list_p > li > a span{
		font-size: 18px;
		padding-bottom: 8px;
		color: #333;
	}
	/*.nav_list_p > li > a:hover{
		color: #9a0000 !important;
		font-weight: 550;
		padding-bottom: 8px;
		border-bottom: 2px solid #9a0000;
	}*/
	.nav_list_p_on > span{
		color: #9a0000 !important;
		font-weight: 550;
		border-bottom: 2px solid #9a0000;
	}
	.nav_list_p{
		background-color: #f7f7f7 !important;
	}
	.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
		background-color: #9a0000 !important;
		height: 3px !important;
	}
	.nav_list_second_on:after{
		background-color: none !important;
		height: 0 !important;
	}

	.layui-this .nav_list_p_1 span{
		color: #9a0000;
	}
	.layui-nav-more{
		display: none;
	}
	.menu_second li{
		/*display: inline-block;*/
	}
	.layui-nav-child{
		text-align: center;
		/*border:none !important;*/
	}
	.menu_second li{
		/*padding: 0 30px;*/
	}
	.layui-nav-child{
		top: 70px !important;
		padding: 0 !important;
	}
	.module_menu dd,.module_menu li{
		display: inline-block;
		padding: 0 20px;
	}
	.module_menu{
		top: 67px !important;
		border:none !important;
		line-height: 45px !important;
	}
	.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
		background-color:#ffffff !important;
		color: #333 !important;
	}
	.menu_show{
		display: block !important;
	}
	.layui-anim{
		-webkit-animation-duration: 0s !important;
	    animation-duration: 0s !important;
	    -webkit-animation-fill-mode: none !important;
	    animation-fill-mode: none !important;
	}
	.nav_list_second_on a{
		color: #9a0000 !important;
	}
	.layui-nav .layui-nav-child a:hover{
		background-color: #f7f7f7 !important;
		color: #9a0000 !important;
	}

	/*footer*/
	.m_footer{
		display: none;
	}
	.black{
		/*background-color: #353535;*/
		background-image: url("/static/fof/images/background.png");
	}
	.footer{
		text-align: center;
		max-width: 1080px;
		margin: 0 auto;
		padding: 35px 0 35px;
	}
	.footer_con_title{
		padding-bottom: 50px;
	}
	.footer_con_title p{
		font-size: 28px;
		color: white;
		font-weight: 550;
	}
	.footer_con_left_con p{
		font-size: 20px;
		color: white;
		/*font-weight: 550;*/
		text-align: center;
		padding-top: 15px;
	}
	.footer_con_right_title p{
		font-size: 20px;
		color: white;
		font-weight: 550;
	}
	.footer_con_right_con_word p{
		font-size: 14px;
		color: #f4e8e4;
		line-height: 25px;
	}
	.footer_contact p{
		font-size: 14px;
		color: #999999;
		line-height: 24px;
	}
	.footer_con_left{
		
	}
	.footer_contact{
		clear: both;
	}
	.footer_con_right_xian{
		width: 192px !important;
		margin: 10px 0 10px 0 !important;
	}
	.footer_con_right_con_icon{
		float: left;
		padding-right: 18px;
	}
	.footer_con_right_con_icon img{
		padding-top: 4px;
	}
	.footer_con_right_con_link{
		clear: both;
		padding-bottom: 8px;
	}
	.footer_con_right{
		float: left;
	}
	/*.footer_con_right_1{
		padding-right: 5%;
		padding-left: 25%;
	}*/
	/*.footer_con_left_img img{
		width: 40%;
	}*/
	.baner_more a{
		display: inline-block;
	    font-size: 18px;
	    color: white;
	    margin: 0px auto 35px;
	    border: 1px solid;
    	padding: 3px 3%;
	}
	.baner_more a:hover{
		color: white;
		background-color: #555555;
	}



	/*banner*/
	.banner{
		background:url("../images/module/back_module11.jpg");
		background-size:cover;
	}
	.about_banner{
		/*background:url("../images/banner/about.png");*/
		background-size:cover;
		/*background-position: center 25px;*/
	}
	.case_list_1{
		/*background:url("../images/banner/case.jpg");*/
		background-size:cover;
		/*background-position: center 25px;*/
	}
	.module_baner{
		/*background:url("../images/banner/module.jpg");*/
		background-size:cover;
		/*background-position: center 25px;*/
	}
	/*.case_list_1_txt,.about_banner_txt,.module_baner_txt{
		width: 40%;
		padding-left: 40%;
		max-width: 1200px;
    	margin: auto;
	}*/
	.pc_baner{
		text-align: left;
		padding: 10% 0 5%;
		background-color: #151928;
	}
	.pc_img{
		text-align: center;
	}
	.module_baner_txt_xian,.about_banner_txt_xian{
		width: 100% !important;
	}
	.case_list_1_txt_title_xian{
		width: 80% !important;
		margin: 15px 0 15px 0 !important;
	}
	.module_baner_txt_con h3 p{
		text-indent: 35px;
	}

	.banner_txt{
		text-align: center;
		padding: 140px 0 50px;
	}
	.banner_txt > p{
		color: white;
		font-size: 30px;
		font-weight: 550;
		letter-spacing:7px;
	}

	.banner_txt > p > span{
		color: white;
		font-size: 30px;
		font-weight: 550;
		letter-spacing:7px;
	}

	/*fof*/
	.index_fof_con{
		position: relative;
		top:-70px;
		border-radius: 10px;
		width: 80%;
		padding: 70px 0;
		margin: 0 auto;
	}
	.index_fof_title{
		text-align: center;
	}
	.index_fof_title_da h2{

	}
	.index_xian{
		border-bottom: 1.1px solid #b3b2b2;
	    width: 30%;
	    margin: 15px auto 15px;
	}
	.index_xian_no{
		border-bottom: 0px solid #b3b2b2;
	}
	.index_fof_title_con{
		width: 35%;
		margin: 0 auto;
	}
	.index_fof_list_content{
		padding:5%;
		min-height: 230px;
	}
	.index_fof_list_left{
		float: left;
	}
	.index_fof_list_right_title p{
		font-size: 24px;
		color: #353535;
		font-weight: 550;
		padding-bottom: 20px;
	}
	.index_fof_list_right_con p{
		font-size: 16px;
		color: #696868;
		line-height: 30px;
	}
	.index_fof_more > a{
		text-decoration: none;
	}
	.index_fof_more > a > p{
		font-size: 18px;
		color: #9a0000;
		text-align: center;
		clear:both;
	}

	/*core*/
	.index_core{
		max-width: 1080px;
		margin: 0 auto;
		padding-top: 60px;
		text-align: center;
	}
	.index_core_table{
		margin-bottom: 50px;
	}
	.index_more a{
		display: inline-block;
	    font-size: 18px;
	    line-height: 42px;
	    color: white;
	    border: none;
	    border-radius: 3px;
	    margin:0px auto 60px;
	    background-color: #9a0000;
	}


	/*case*/
	.index_case{
		text-align: center;
		padding-top: 60px;
		max-width: 1080px;
		margin: 0 auto;
	}
	.index_case_txt{
		padding-bottom: 20px;
	}
	.index_case_list_content{
		padding: 3% 7%;
	}
	.index_case_list_txt{
		background-color: white;
		border-radius:10px;
	}
	.index_case_list_txt p{
		font-size: 16px;
		color: #565454;
		line-height: 24px;
		text-align: left;
		padding: 5%;
	}
	.index_case_more{
		clear: both;
	}


	/*customer*/
	.index_customer{
		max-width: 1080px;
		margin: 0 auto;
		text-align: center;
		padding: 60px 0;
	}
	.index_customer_txt{
		padding-bottom: 20px;
	}
	.index_customer_table_card_box{
		width: 525px;
		height: 168px;
		box-shadow: 0 0 20px 0 #000000;
	}
	.index_customer_table_card_img{
		float: left;
		padding: 17px 43px 17px 17px;
	}
	.index_customer_table_card_img img{
		width: 133px;
		height: 132px;
	}
	.index_customer_table_card_txt{
		padding-top: 17px;
	}
	.index_customer_table_card_txt_title p{
		font-size: 24px;
		color: #484848;
		text-align: left;
	}
	.index_customer_table_card_txt_con p{
		padding-top: 20px;
		font-size: 16px;
		color: #aca7a6;
		line-height: 30px;
		text-align: left;
	}
	.index_customer_table_iamge{
		padding-top: 35px;
	}

	/*module*/
	
	.pc_baner_txt_title h2{
		
		color: white;
		font-size: 40px;
	}
	.pc_baner_txt_con h3 > p{
		color: white;
		line-height: 30px;
	}
	.module_content{
		max-width: 1080px;
		margin: auto;
		padding:0 50px;
	}
	.layui-tab-title li{
		width: 8%;
	}
	.layui-tab-title{
		white-space: unset !important;
	}
	.module_content{
		text-align: center;
	}
	.mdoule_con{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.module_title{
		padding-bottom: 28px;
	}
	.module_title p{
		font-size: 30px;
		color: #303030;
		text-align: center;
	}
	.module_txt{
		padding-bottom: 50px;
		max-width: 764px;
		margin: auto;
	}
	.module_txt p{
		font-size: 16px;
		color: #747474;
		line-height: 30px;
		text-align: center;
	}
	.module_title2{
		text-align: left;
	}
	.module_title2 p{
		font-size: 24px;
		color: #303030;
	}
	.module_6_shang_con{
		padding: 0 30px;
	}
	.module_6_img{
		padding-bottom: 13px;
	}
	.module_6_title{
		padding-bottom: 21px;
	}
	.module_6_xia{
		max-width: 70%;
		margin: auto;
		padding-top: 49px;
	}

	.module_3 .layui-col-md6,.module_5 .layui-col-md6,.module_8 .layui-col-md6{
		float: right;
		padding-left: 20px;
	}
	.module_3_con{
		padding-top: 60px;
	}
	.module_4_con{
		padding-top: 70px;
	}
	.module_5_con{
		padding-top: 80px;
	}
	.module_7_con{
		padding-top: 120px;
	}
	.module_8_con{
		padding-top: 110px;
	}
	.module_9_con{
		padding-top: 100px;
	}


	.module_2 .module_title p,.module_2 .module_txt p{
		text-align: left;
	}

	.module_3 .module_title p,.module_3 .module_txt p{
		text-align: left;
	}

	.module_4 .module_title p,.module_4 .module_txt p{
		text-align: left;
	}

	.module_5 .module_title p,.module_5 .module_txt p{
		text-align: left;
	}

	.module_7 .module_title p,.module_7 .module_txt p{
		text-align: left;
	}

	.module_8 .module_title p,.module_8 .module_txt p{
		text-align: left;
	}

	.module_9 .module_title p,.module_9 .module_txt p{
		text-align: left;
	}

	/*case*/
	.case_list_2{
		text-align: center;
		padding: 70px 0;
	}
	.case_list_2_txt_title >h2{
		
		font-size: 30px;
	}
	.about_contact{
		text-align: center;
	}
	.about_contact_txt_title >h2{
		padding-top: 60px;
	}
	
	
	.about_contact_txt_con_list_title p{
		font-size: 14px;
		color: #747474;
	}
	.about_contact_txt_con_list_txt p{
		font-size: 18px;
		color: #696868;
		line-height: 30px;
	}
	.about_contact_txt_con_list{
		text-align: left;
		padding-left: 60px;
		padding: 15px 60px;
	}
	.about_contact{
		max-width: 1080px;
		margin: auto;
	}
	.about_con{
		width: 50%;
		float: right;
	}
	.about_contact_txt_con{
		width: 100%;
		margin:0 auto;
	}
	.about_map{
		width: 50%;
    	float: left;
    	height: 530px;
	}

	.footer_xian{
		width: 100%;
	}
	.about_banner_txt{
		max-width: 1080px;
		margin: 0 auto;
	}
	.about_contact_txt_con_list_img{
		text-align: center;
	}
	.about_contact_txt_con_list_img img{
		max-width: 35%;
		padding-left: 20px;
	}
	.module_baner_txt{
		max-width: 1080px;
		margin: auto;
	}
	.footer_con_right_con_word p{
		text-align: left;
	}
	.customer_img_box{
		padding: 20px 5%;
		margin-bottom: 30px;
	}
	.customer_img_box img{
		background-color: white;
    	padding: 10px 10px;
    	border: 1px solid #c3c3c3;
    	max-width: 80%;
	}
	.customer_box{
		padding: 5px;
	}
	.customer_con{
		max-width: 90%;
		margin: auto;
		background-color: #a9a6a60a;
		
	}
	.baner_more{
		text-align: center;
		padding-bottom: 50px;
	}
	.case_list_2_txt_con{
		max-width: 1080px;
		margin: auto;
	}
	.heard_m{
		display: none;
	}
	.hidden{
		display: none;
	}
	.top{
		display: block;
		position: fixed;
		top: 80%;
		z-index: 9999;
		right: 5%;
		background-color: #b7b7b7;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		border-radius: 5px;
		color: white;
		background-image: url("/static/fof/images/top.png");
		cursor:pointer
	}


	/*2019/4/1 修改*/
	.head_logo{
		/*padding-left: 10%;*/
	}
	.case_list_2_txt_con h3 p{
		padding: 0 3%;
	}
	.pc_baner_txt_title{
		padding-bottom: 20px;
	}
	@media screen and (max-width: 1024px) {
		.head_con{
			display: none;
		}
		.heard_m{
			display: block;
		}
		.nav_list_p_on > span{
			color: white !important;
		    font-weight: 450;
		    border-bottom: none;
		}
		.layui-tab-title li{
			width: 8%;
		}
		.pc_baner{
			padding: 15% 0 10% 0 !important;
		}
	}
	@media screen and (max-width: 768px) {
		.index_fof_list_left{
			text-align: center;
		}
		.index_core{
			padding-top: 60px;
		}
		.head_logo{
			background-color: rgba(241,241,241,1.0);
			text-align: center;
			padding:20px 0;
		}
		.nav{
			padding:20px 0;
		}
		.nav_list_p > li{
			margin-left: 0;
			width: 23.5%;
			text-align: center;
		}
		.index_fof_list_content{
			min-height: 0;
		}
		.index_fof_title_con{
			width: 60%;
		}
		.pc_baner_txt_con h3 > p{
			padding: 0 20px;
		}
		.case_list_2_txt_con h3 >p{
			padding: 0 20px;
		}
		.pc_baner{
			padding: 120px 0;
		}
		.about_con{
			padding-top: 0;
		}
		.about_map{
			height: 300px;
		}
		.head_con{
			display: none;
		}
		.heard_m{
			display: block;
		}
		.layui-tab-title{
			height: 120px !important;
		}
		.module_content{
			padding: 0;
		}
		.mdoule_con{
			padding: 20px;
		}
		.module_title p{
			text-align: center !important;
		}
		.module_title2{
			text-align: center;
		}
		.module_6_xia{
			max-width: 100%;
			padding-top: 0;
		}
		.module_3 .layui-col-md6, .module_5 .layui-col-md6, .module_8 .layui-col-md6{
			float: unset;
		}
		.module_3_con,.module_4_con,.module_5_con,.module_7_con,.module_8_con,.module_9_con{
			padding-top: 0;
		}
		.case_list_1_txt, .about_banner_txt, .module_baner_txt{
			width: 100%;
			padding-left: 0;
		}
		.pc_baner{
			text-align: center;
		}
		.index_xian{
			width: 30% !important;
			margin: 15px auto 15px !important;
		}
		.about_banner_txt_content h3 p, .module_baner_txt_con h3 p{
			text-indent: 35px;
			text-align: center;
		}
		.footer_xian{
			width: 100% !important;
		}
		.footer_con_right .footer_con_right_xian{
			width: 192px !important;
		}
		.pc_baner{
			padding: 20% 0 15% 0 !important;
		}
	}
	@media screen and (max-width: 767px) {
		h2{
			font-size: 24px;
		}
		h3 p{
			font-size: 14px;
		}
		.index_xian{
			width: 60%;
		}
		.banner_txt > p{
			font-size: 28px;
			letter-spacing:0px;
			padding: 0 5%;
		}
		.banner_txt{
			padding: 170px 0 50px;
		}
		.index_fof_list_right_con p{
			font-size: 14px;
			line-height: 24px;
		}
		.index_fof_list_right_title p{
			font-size: 18px;
			padding-bottom:2px;
		}
		.index_fof_list_left img{
			width: 75%;
		}
		.footer_con_title p{
			font-size: 24px;
		}
		.footer_con_left_con p{
			font-size: 20px;
		}
		.index_customer_table_card_box{
			width: 80%;
			margin: 0 auto;
			height: 85%;
		}
		.index_customer_table_card_img img{
			width: 50%;
			height: 100%;
		}
		.index_customer_table_card_img{
			padding:3%;
		}
		.index_customer_table_card_txt_con p{
			padding: 9px;
		}
		.swiper-button-next,.swiper-button-prev{
			display: none;
		}
		.about_contact_txt_con_list{
			padding-left: 0;
			padding:30px 0;
		}
		.customer_con{
			max-width: 100%;
		}
		.module_con{
			min-height: 0px;
		}
		.layui-tab-title li{
			min-width: 33% !important;
			padding:0 !important;	
		}
		.about_contact_txt{
			padding-bottom: 30px;
		}
		.head_con{
			display: none;
		}
		.heard_m{
			display: block;
		}
		.footer_con_right{
			display: none;
		}
		.pc_baner {
		    padding: 30% 0 15% 0 !important;
		}
		.module_baner,.case_list_1,.about_banner{
			background: #151928;
		}
	}
	

/*手机端导航*/

.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:20px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#333333;width:100%;height:calc(100% - 0px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
.sjj_nav>ul>li:first-child{overflow:hidden;}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;/*border-left:1px #ddd solid;*/height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top: 1px #dddddd4d solid;margin-left:20px;margin-right:20px;position:relative;line-height:55px;font-size:16px;text-align: left;}
.sjj_nav>ul >li:last-child{border-bottom:1px #dddddd4d solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#acacac;width:80%;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


/*2018-4-25修改*/
p{
	line-height: 200%;
}
.index_describe p{
	font-size: 14px;
    max-width: 60%;
    margin: auto;
    color: #747474;
    line-height: 150%;
    padding-bottom: 20px;
}
.banner_txt span{
	font-size: 20px;
	color: white;
}
.banner_txt > p{
	padding-bottom: 15px;
}
.index_mulu {
	background-color: #f9fcfc;
}
.index_mulu_box{
	max-width: 1080px;
	margin: auto;
	text-align: center;
}
.index_mulu_con{
	padding-top: 20px;
	padding-bottom: 20px;
}
.index_mulu_blue{
	background-color: #e2f2fc;
}
.index_mulu_con h3{
	padding-bottom: 10px;
	font-size: 27px;
	color: #0067cc;
}
.index_mulu_con p{
	font-size: 15px;
	width: 70%;
	margin: auto;
	line-height: 20px;
	color: #383838;
	min-height: 80px;
}
.index_model{
	max-width: 1080px;
	margin: auto;
	text-align: center;
	padding-top: 60px;
	/*padding-bottom: 60px;*/
}
.index_model_box{
	margin: auto;
	padding-top: 30px;
}
.index_model_list{
	padding: 0 30px;
	text-align: left;
}
.index_model_list_con h3{
	font-size: 24px;
	color: #0567cb;
}
.index_model_list_con p{
	font-size: 14px;
	min-height: 150px;
	color: #747474;
	line-height: 24px;
	min-height: 180px;
}
.index_service{
	padding-top: 60px;
	padding-bottom: 60px;
}
.index_service_txt,.index_service_box{
	max-width: 1080px;
	margin: auto;
	text-align: center;
}
.index_service_box{
	padding-top: 30px;
}
.index_service_img{
	padding-bottom: 20px;
}
.index_service_box_title h3{
	font-size: 24px;
	color: #0567cb;
	padding-bottom: 10px;
}
.index_service_box_con p{
	font-size: 14px;
	color: #747474;
	line-height: 24px;
}

.index_new_customer{
	max-width: 1200px;
	margin: auto;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}
.index_new_customer_box{
	padding-top: 30px;
}
.index_new_customer_box_con{
	width: 90%;
	margin: auto;
	padding-top: 20px;
	text-align: left;
}
.index_new_customer_box_con p{
	font-size: 14px;
	color: #747474;
	line-height: 30px;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    height: 90px;
}

.case_con{
	background-image:url("/static/fof/images/case_con_back.jpg");
	background-size: cover;
	background-position: center;
	padding: 15% 0 15%;
}
.case_con_img{
	text-align: center;
}
.case_con_img img{
	max-width: 20%;
}
.case_con_contact{
	max-width: 1080px;
	margin: auto;
	text-align: center;
	padding: 20px 0 60px;
}
.case_con_con{
	text-align: justify;
}

.case_con_title,.case_con_con{
	padding-bottom: 30px;
	font-size: 14px;
	color: #696868;
	line-height: 20px;
}
.case_con_con p{
	font-size: 14px;
	color: #747474;
	line-height: 30px;
}
.case_con_main_con p{
	/*margin-bottom: 20px;*/
}


.customer{
	padding: 60px 0;
	max-width: 1080px;
	margin: auto;
	text-align: center;
}
.customer_box{
	padding-top: 20px;
	margin-bottom: 30px;
}
.customer_float{
	padding: 25px;
	position: absolute;
	top: 0px;
	background-color: white;
    z-index: 3;
    text-align: justify;
    background-size: contain;
	box-shadow: 0px 0px 13px 4px #71cfeb;
	padding-top: 220px;
	display: none;
}
.customer_name{
	font-size: 18px;
	padding-bottom: 15px;
}
.customer_content p,.customer_content{
	text-align: justify;
	text-indent: 35px;
	line-height: 20px;
	padding-bottom: 15px;
	font-size: 12px;
	color: #747474;
}
.float_img{
	z-index: 4;
	position: relative;
	border: none !important;
}
.customer_banner{
	background: url(/static/fof/images/banner/case.jpg);
    background-size: cover;
    background-position: center;
}
.float{
	display: block;
	animation: float .75s both;
}

@keyframes float {
    from {
        opacity: .8;
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*.product_banner{
	background: url(/static/fof/images/banner/product.png);
    background-size: cover;
    background-position: center 25px;
}*/
.product_overview,.product_structure,.product_tech{
	max-width: 1080px;
	margin: auto;
	text-align: center;
	padding: 60px 0;
}
.overview_content p,.tech_content p{
    font-size: 14px;
    color: #747474;
    line-height: 150%;
}


.companyin_about{
	max-width: 1080px;
	margin: auto;
	text-align: center;
	padding: 60px 0 0 0;
}
.about_content p{
	text-align: justify;
	line-height: 30px;
}
.companyin_core,.companyin_certificate{
	max-width: 1080px;
	margin: auto;
	text-align: center;
	padding: 60px 0 0 0 ;
}
.companyin_certificate{
	padding: 60px 0;
}
.core_content{
	text-align: justify;
}
.core_content h3{
	font-size: 24px;
	color: #0567cb;
}
/*.core_box{
	padding: 30px;
}*/
.certificate_box img{
	max-width: 50%;
	padding: 30px;
}
.certificate_con p {
	min-height: 110px;
}


.joinus_recruitment{
	max-width: 1080px;
	margin: auto;
	padding: 60px 0;
}
.recruitment_xian{
	width: 100%;
}
.recruitment_title p,.recruitment_title span{
	font-size: 24px;
	color: #1967b2;
}
.recruitment_title span{
	float: right;
}
.recruitment_duties{
	padding-bottom: 20px;
}
.recruitment_duties p,.recruitment_requirements p{
	font-size: 14px;
	color: #747474;
	line-height: 30px;
}
.recruitment_content{
	padding-bottom: 30px;
}

.about_trial{
	max-width: 1080px;
	margin: auto;
	text-align: center;
	padding: 60px 0;
}
.trial_content p {
	font-size: 14px;
    color: #747474;
    line-height: 150%;
    padding-bottom: 30px;
}
.trial_apply a{
	font-size: 16px;
	color: white;
	font-weight: 550;
	background-color: #0066FF;
	padding: 10px 40px;
	border-radius: 3px;
}
.trial_apply a:hover{
	background: #0052cc;
	color: white;
}

.layui-nav{
	padding: 0 !important;
}
.index_new_customer_box_img {
	padding: 0 20px;
}
.overview_content p,.about_content p{
	padding: 0 3%;
}

.about_content p{
	color: #747474;
}
.pc_baner_txt_con{
	min-height: 120px;
}
.footer_con_right_al{
	display: block !important;
}
.footer_con_right_title p{
	text-align: left;
}
.duoble{
	display: inline-block;
}
.customer_back{
	background: url(/static/fof/images/new_customer/back.jpg);
    background-size: cover;
    background-position: center;
}
.pc_footer{
	display: block !important;
}
.mobile_footer{
	display: none !important;
}
.layui-anim-upbit{
	animation-duration:0.5s !important;
	-webkit-animation-name: layui-upbit-main !important;
    animation-name: layui-upbit-main !important;
}
.box{
	max-width: 1080px;
	margin: auto;
}
.product_banner{
	background: url(../images/banner/product.jpg) 100% 100%;
}
.case_banner{
	background: url(../images/banner/case.jpg) 100% 100%;
}
.news_banner{
	background: url(../images/banner/news.jpg) 100% 100%;
}
.about_banner{
	background: url(../images/banner/about.jpg) 100% 100%;
}
.module_banner{
	background: url(../images/banner/module.jpg) 100% 100%;
}

@-webkit-keyframes layui-upbit-main {
    from {
        -webkit-transform: translate3d(0,-10px,0);
        opacity: .3;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes layui-upbit-main {
    from {
        transform: translate3d(0,-10px,0);
        opacity: .3;
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@media screen and (max-width: 1024px) {
	.footer_ipadpro{
		max-width: 90%;
		margin: auto;
		padding-top: 20px;
	}
	.joinus_recruitment{
		max-width: 90%;
		margin: auto;
	}
	.about_map{
		height: 300px;
	}
	
	.case_con_img img{
		max-width: 20%;
	}
	.case_con_contact{
		max-width: 90%;
		margin: auto;
	}
}

@media screen and (max-width: 768px) {
	.about_con{
		padding: 30px 0;
	}
	.index_mulu_con p{
		min-height: 60px;
	}
	.index_model_box{
		max-width: 100%;
	}
	.index_model_list_con{
		padding-left: 10px;
	}
	.index_model_list_con p{
		min-height: 230px;
	}
	.certificate_con p{
		min-height: 130px;
	}
	
	.pc_baner{
		background:none;
		background-color: #151928 !important;
	}
	.case_con{
		background-image: url(/static/fof/images/case_con_back.png);
	    background-size: cover;
	    background-position: center;
	    padding: 15% 0 15%;
	}
	.case_con_con p{
		padding: 0 3%;
	}
	.customer,.joinus_recruitment{
		padding: 60px 30px;
	}
	.recruitment_xian{
		width: 100% !important;
	}
	.pc_img{
		display: none !important;
	}
	.pc_baner_txt_con h3 > p{
		max-width: 100% !important;
	}
}

@media screen and (max-width: 767px) {
	.index_mulu_con p{
		font-size: 14px;
		line-height: 20px;
		width: 90%;
	}
	.index_model_list img{
		display: none;
	}
	.index_model_list_con p{
		min-height: ;
	}
	.index_describe p{
		max-width: 90%;
	}
	.index_model_list_con p{
		min-height: 0;
		padding-bottom: 30px;
	}
	.index_model_list_con p{
		text-align: justify;
	}
	.index_service_box_con{
		min-height: 130px;
	}
	.index_new_customer_box_con{
		width: 80%;
		padding-bottom: 30px;
		text-align: justify;
	}
	.overview_content p, .about_content p{
		text-align: justify;
		width: 90%;
		margin: auto;
	}
	.overview_content p, .tech_content p{
		text-align: justify;
		width: 90%;
		margin: auto;
	}
	.case_list_2_txt_con h3 p{
		text-align: justify;
		width: 90%;
		margin: auto;
	}
	.case_con_img img{
		max-width: 60%;
	}
	.case_con_con p,.trial_content p,.footer_con_title p,.footer_contact p{
		max-width: 90%;
		margin: auto;
	}
	.about_contact_txt_con_list_img img{
		display: none;
	}
	.about_contact_txt_con_list{
		padding: 10px 0;
	}
	.recruitment_title p, .recruitment_title span{
		font-size: 20px;
	}
	.recruitment_title span{
		float: left;
	}
	.recruitment_xian{
		margin: 45px auto 15px !important;
	}
	.pc_footer{
		display: none !important;
	}
	.mobile_footer{
		display: block !important;
	}
	.layui-collapse,.layui-colla-content{
		border: none !important;
		border-color: unset;
	}
	.layui-colla-item{
		border-color: #999999 !important;
	}
	.layui-colla-title{
		padding: 10px 15px 0 0px !important;
		background-color: unset !important;
	}
	.footer_con_right_title p{
		font-size: 16px;
		font-weight: 450 !important;
	}
	.layui-colla-icon{
		right: 5px;
    	left: unset !important;
    	color: #e6e6e6;
	}
	.footer_con_right_xian{
		display: none;
	}
	.footer_ipadpro{
		max-width: 80%;
	}
	.footer_con_right_con_word p{
		font-size: 12px;
		color: #999999;
	}
	.layui-colla-content{
		padding: 0 15px !important;
	}
	.structure_content img,.tech_content img{
		max-width: 80%;
	}
	.footer_contact p{
		text-align: center;
	}
}