@charset "utf-8";
/* CSS Document */
@media (max-width: 768px) {
	body {
		font-family: "Microsoft YaHei", "微软雅黑" !important;
		font-size: 12px;
		color: #333333;
		letter-spacing: 1px;
		overflow-x: hidden;
		line-height: 20px;
	}
	.phone_header {
		width: 100%;
		height: 50px;
		position: fixed;
		background: #1c3c56;
		top: 0;
		left: 0;
		z-index: 2222;
		-webkit-transition: left cubic-bezier(.18, 1, .21, 1) .5s;
		transition: left cubic-bezier(.18, 1, .21, 1) .5s;
	}
	/*.phone_header.on{*/
	/*left: 200px;*/
	/*}*/
	.phone_header .logo1 {
		position: absolute;
		width: 100px;
		top: 7px;
		left: 15px;
	}
	.nav_btn {
		width: 30px;
		position: absolute;
		right: 15px;
		top: 13px;
		padding: 5px;
	}
	.nav_btn span {
		display: block;
		width: 20px;
		height: 2px;
		background: #fff;
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all cubic-bezier(.18, 1, .21, 1) .3s;
		transition: all cubic-bezier(.18, 1, .21, 1) .3s;
	}
	.nav_btn span.n2 {
		margin: 4px 0;
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
	}
	.nav_btn.on {
		right: 200px;
	}
	.nav_btn.on span.n2 {
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		-webkit-opacity: 0;
		filter: alpha(opacity=0);
	}
	.nav_btn.on span.n1 {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: relative;
		top: 7px;
	}
	.nav_btn.on span.n3 {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		position: relative;
		top: -5px;
	}
	.nav_show {
		width: 200px;
		height: 100%;
		position: fixed;
		z-index: 2222;
		right: -200px;
		background: #2e2e2e;
		top: 0;
		overflow-y: scroll;
		-webkit-transition: all cubic-bezier(.18, 1, .21, 1) .3s;
		transition: all cubic-bezier(.18, 1, .21, 1) .3s;
	}
	.nav_show.on {
		right: 0;
	}
	.nav_show > ul {
		padding: 0;
		margin: 0;
		margin-top: 30px;
	}
	.nav_show > ul > li {
		line-height: 42px;
		padding: 0 20px;
		letter-spacing: 1px;
		font-size: 14px;
		border-bottom: 1px solid #444;
		color: #fff
	}
	.news_mo a {
		color: #fff !important;
	}
	.nav_show > ul > li > i {
		float: right;
		font-size: 18px;
		color: #999;
		margin-top: 11px;
		-webkit-transition: all cubic-bezier(.18, 1, .21, 1) .3s;
		transition: all cubic-bezier(.18, 1, .21, 1) .3s;
	}
	.nav_show > ul > li.on > i {
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
	.nav_show > ul > li ul {
		padding: 0 20px;
		margin: 0;
		padding-bottom: 15px;
		display: none;
	}
	.nav_show > ul > li ul li {
		font-size: 12px;
		color: #666;
		line-height: 30px;
	}
	.nav_show ul li a {
		color: #9b9ea0
	}
	.warp_wi {
		margin-top: 50px;
		-webkit-transition: -webkit-transform cubic-bezier(.18, 1, .21, 1) .5s;
		transition: transform cubic-bezier(.18, 1, .21, 1) .5s;
	}
	.warp_wi_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 33;
		display: none;
	}
	.warp_wi_bg.on {
		display: block;
	}
	/*.warp_wi.on{*/
	/*-webkit-transform: translateX(200px);*/
	/*transform: translateX(200px) ;*/
	/*}*/
	/*底部foot*/
	.home_bot .nav_ti > li {
		border-bottom: 1px solid #e8e8e8;
	}
	.nav_ti div img {
		float: right;
		font-size: 22px;
		margin-right: 15px;
		margin-top: 17px;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	.home_bot .fast li {
		float: left;
		width: 100%;
	}
	.home_bot .fast li img {
		width: 30px;
		margin-right: 5px;
	}
	.home_bot .nav_ti > li div {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		background-size: 12px;
		display: block;
	}
	.home_bot .nav_ti li div a {
		color: #333333
	}
	.home_bot .nav_ti > li ul {
		display: none;
		padding: 0 5px 5px;
	}
	.home_bot .nav_ti > li ul li {
		padding-left: 15px;
		line-height: 30px;
	}
	.home_bot .nav_ti > li ul li a {
		font-size: 13px;
	}
	.home_bot_tx {
		padding: 20px 0;
		line-height: 20px;
	}
	.home_bot_con {
		text-align: center;
		margin: 15px 0px;
	}
	.home_bot_con a {
		width: 50px;
		height: 50px;
		border: 1px solid #ccc;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 100%;
		display: inline-block;
		background-size: 36px;
		text-align: center;
		padding-top: 7px;
		margin: 0 10px;
	}
	.home_bot_con a img {
		width: 30px;
		padding-top: 2px;
	}
	.home_bot_nav {
		text-align: center;
		font-size: 12px;
		margin: 20px 0;
		color: rgba(0, 0, 0, 0.4);
	}
	.home_bot_nav a {
		padding: 0 20px;
	}
	.footer2 {
		background: #010c16;
		color: #ebecec;
		padding: 10px 0;
		text-align: center;
	}
	/*底部foot*/
	/*about*/
	.about1_txt {
		padding: 30px 10px;
	}
	.about1_left {
		width: 100%;
		float: left;
	}
	.about1_right {
		width: 100%;
		float: left;
	}
	.about1_left .ducts_txt {
		text-align: left;
		margin-bottom: 20px;
	}
	.about1_right h5 {
		margin-top: 0px;
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.ducts_txt h5 {
		margin-top: 0;
		font-size: 20px;
		margin-bottom: 5px;
		letter-spacing: 2px;
	}
	.about1_right p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.about1_right p span {
		font-size: 14px;
		color: #111;
	}
	.worth {
		float: left;
		padding: 0;
		text-align: center;
	}
	.worth img {
		width: 80%;
	}
	.out1_right {
		margin-bottom: 10px;
	}
	.worth_le {
		padding-left: 0;
		padding-right: 0px;
	}
	.about2_txt {
		width: 100%;
		margin-left: 0;
		padding: 0 20px;
	}
	.about2_txt p {
		font-size: 12px;
		margin-bottom: 0px;
		line-height: 20px;
	}
	.about2_txt h5 {
		margin-top: 0px;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.about2 {
		position: relative;
		padding: 30px 0;
		background: url(../images/about1_ph.jpg) no-repeat center;
		background-size: cover;
	}
	.home_mar {
		padding: 30px 0;
	}
	.about1 {
		padding-bottom: 30px;
		padding-top:60px;
	}
	.ducts_txt {
		margin-bottom: 20px;
	}
	.view_m {
		text-align: center;
		margin-top: 10px;
	}
	.btn_top span {
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 5px;
	}
	.btn_top i {
		color: #4c545b;
		font-size: 30px;
		line-height: 41px;
	}
	.lent_tt {
		border: 1px solid #dddddd;
		height: 42px;
		line-height: 40px;
	}
	.talent_one_txt {
		border: 1px solid #dddddd;
		padding: 62px 10px 15px 10px;
		margin-top: 60px;
		position: relative;
	}
	.talent_one_txt_omg {
		width: 100px;
		height: 100px;
		top: -50px;
		left: 50%;
		margin-left: -50px;
	}
	.talent_one_txt h5 {
		font-size: 18px;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.duties {
		height: 60px;
		overflow: hidden;
	}
	.t_one_txt span {
		height: 35px;
		width: 99px;
		text-align: center;
		line-height: 33px;
		font-size: 12px;
		margin-top: 10px;
	}
	.talent_one {
		width: 100%;
		float: left;
		margin-bottom: 15px;
	}
	.talent_one_txt p {
		margin-bottom: 0;
		line-height: 20px;
	}
	.index_home6 h5 {
		margin-top: 0px;
		font-size: 20px;
		padding-top: 0;
	}
	.index_home6 a {
		width: 100px;
		height: 35px;
		border-radius: 2px;
		line-height: 33px;
	}
	/*联系我们*/
	.spqh {
		padding: 20px 15px;
	}
	.spqhimg {
		width: 100%;
		padding: 30px;
		float: left;
	}
	.spqh_con {
		float: right;
		width: 100%;
	}
	.spqhimg {
		width: 100%;
		padding: 10px 30px;
		float: left;
	}
	.spqh_con h3 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.spqh_con_con {
		margin-top: 0px;
	}
	.spqh_con_con p {
		line-height: 22px;
		margin-bottom: 0;
	}
	.liuyan {
		padding: 30px 0;
	}
	.liuyan_left_x input, .liuyan_left_x textarea {
		width: 80% !important;
		height: 30px;
		line-height: 30px;
	}
	.liuyan_left_x p {
		width: 20% !important;
		line-height: 30px;
	}
	.liuyan_le {
		padding: 0 15px;
	}
	.liuyan_rig {
		padding: 0 15px;
	}
	.liuyan_left_x textarea {
		height: 100px;
		line-height: 20px;
	}
	.liuyan_left_x .yanzhangma {
		width: 37% !important;
	}
	.liuyan_tj span {
		width: 110px;
		height: 35px;
		line-height: 35px;
		margin-top: 15px;
		margin-left: 20%;
	}
	.nner_txt h5 {
		margin-top: 0;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	.nner_txt p {
		font-size: 12px;
		margin-bottom: 0px;
		text-transform: uppercase;
	}
	.nner_txt a {
		width: 80px;
		height: 20px;
		line-height: 18px;
		margin-top: 10px;
	}
	.nner_txt {
		position: absolute;
		color: #ffffff;
		width: 100%;
		left: 0;
		top: 68%;
		z-index: 1111;
		margin-top: -76px;
	}
	.per_logo {
		margin-bottom: 10px;
	}
	.cooper_logo .col-xs-6 {
		padding: 0px 8px;
	}
	/*新闻*/
	.sec4_con .loading_a {
		background: #fff;
		padding: 10px;
		position: relative;
		margin-bottom: 15px;
	}
	.sec4_list_img {
		width: 30%;
		float: left;
	}
	.sec4_list_img > img {
		border-radius: 3px;
	}
	.sec4_list_zi {
		width: 70%;
		float: left;
		text-align: left;
		position: relative;
	}
	.sec4_list_zi > p {
		margin: 0;
		font-size: 12px;
		padding-left: 10px;
		line-height: 20px;
		letter-spacing: 1px;
		color: #333;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.sec4_list_zi > span {
		padding-left: 10px;
		font-size: 12px;
		color: #666;
		padding-top: 5px;
		display: block;
	}
	.sec4_list_btn {
		position: absolute;
		right: 15px;
		bottom: 20px;
	}
	.sec4_list_btn > a {
		font-size: 13px;
		color: #da251c !important;
		text-align: right;
		letter-spacing: 1px;
	}
	.loading a{
		height: 38px;
		line-height: 38px;
		border: 1px solid #E8E8E8;
		display: inline-block;
		padding: 0 20px;
		color: #C3C3C3;
		width: 40%;
		text-align: center;
	}
	.loading{
		text-align: center;
	}
	.sec4_more {
		position: absolute;
		font-size: 13px;
		color: #0d56a7 !important;
		bottom: 0;
		right: 10px;
	}
	.news_tl {
		margin-bottom: 10px;
	}
	.news_tl2 h3 {
		font-size: 18px;
		margin-top: 0;
		line-height: 24px;
	}
	.news_tl2 {
		margin-bottom: 15px;
		padding-left: 15px;
	}
	.newscon {
		line-height: 20px;
	}
	.ducts_on {
		width: 48%;
		margin: 0px 1%;
		margin-bottom: 20px;
	}
	.ducts_on h5 {
		margin-top: 0;
		font-size: 22px;
	}
	.ducts_on p {
		font-size: 14px !important;
		margin-bottom: 0px;
	}
	.plan p {
		font-size: 18px !important; margin-bottom: 5px;
	}
	/*产品*/
	.products_2 {
		background: url(../images/earth_bg.jpg) no-repeat;
		background-size: cover;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.ducts3_width {
		width: 100%;
		margin: 0px auto;
		padding: 0 15px;
	}
	.ducts_4_width {
		padding-left: 15px;
		padding-right: 15px;
	}
	.ducts_4_left {
		width: 100%;
		float: left;
	}
	.ducts_3_1_right {
		background: none;
		width: 80%;
		height: auto
	}
	.ducts_3_1_left a {
		line-height: 26px;
		width: 90px;
	}
	.ducts_3_1_left h5 {
		margin-top: 0px;
		margin-bottom: 10px;
		color: #fff;
		font-size: 16px;
	}
	.ducts_3_1_left {
		width: 50%;
		top: 50%;
		left: 15px;
		margin-top: -30px;
	}
	.ducts_4_right {
		width: 100%;
		float: left;
	}
	.arrow_click {
		margin: 15px 0;
	}
	.arrow_click a i {
		line-height: 33px;
		font-size: 30px;
		display: inherit;
		font-weight: 200;
	}
	.arrow_click a {
		width: 35px;
		height: 35px;
	}
	.pucts_width {
		margin: auto 0%;
	}
	.pro_one {
		width: 100%;
		margin: 0px 0%;
		margin-bottom: 15px;
	}
	.pro_one_txt p {
		line-height: 20px;
		height: 60px;
	}
	.ducts3_one {
		width: 97%;
		margin: 0px 1%;
		float: left;
		padding: 20px 10px;
	}
	.ducts3_one h5 {
		margin: 10px 0;
	}
	.based {
		margin-bottom: 20px;
	}
	.swiper_techn .pagination {
		margin: 15px 0 0 0 !important;
		text-align: center;
	}
	.ducts3_one h4 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.kuang span {
		height: 38px;
		width: 99px;
		line-height: 36px;
		margin-top: 10px;
	}
	.spqh {
		background: none !important;
	}
	.spqh_con h5 {
		font-size: 16px;
	}
	.product1 {
		padding: 20px 10px;
		height: auto;
	}
	.product1_kuang {
		margin-bottom: 15px;
	}
	.product1con h3 {
		font-size: 20px;
	}
	.product1con p {
		margin-top: 15px;
		margin-bottom: 15px;
		line-height: 22px;
	}
	.product1 a {
		width: 110px;
		height: 35px;
		line-height: 33px;
		color: #333;
	}
	.product1 a img {
		position: absolute;
		right: 10px;
		display: block;
		top: 15px;
	}
	.news_prev {
		width: 40px;
		line-height: 40px;
		margin-left: -20px;
		margin-top: -20px;
	}
	.news_next {
		width: 40px;
		line-height: 40px;
		margin-left: -20px;
		margin-top: -20px;
	}
	.gexin p {
		width: 100%;
		font-size: 18px;
		margin-bottom: 0px;
		line-height: 26px;
	}
	.pro2txt {
		max-width: 100%;
		margin: auto;
		width: 100%;
		line-height: 22px;
		text-align: left;
		padding: 0 10px;
	}
	.pro1_1_left_logo h3 {
		margin-top: 10px;
		font-size: 18px;
	}
	.product2logo img {
		width: 120px;
	}
	.pro1_1_left p {
		width: 90px;
		margin: 0 auto;
		padding: 5px 5px;
		margin-top: 10px;
	}
	.product2 {
		text-align: center;
		padding: 20px 10px;
		margin-bottom: 25px;
	}
	.product2logo {
		margin-bottom: 15px;
	}
	.product2 h5 {
		font-size: 17px;
	}
	.pro1_1_left_logo3 img {
		width: 100px !important;
	}
	.home_bot {
		margin: 15px 0;
	}
	/*企划*/
	.qthxnl {
		width: 100%;
		margin: auto;
		padding: 0 15px;
	}
	.qthxnl .col-lg-6 {
		text-align: center;
		padding: 20px 15px;
	}
	.layout {
		margin-bottom: 15px;
	}
	.qhtitle h5 {
		font-size: 20px;
	}
	.qhtitle {
		margin-bottom: 25px;
		margin-top: 30px;
	}
	.qthxnl p {
		line-height: 20px;
		height: auto;
		overflow: auto;
	}
	.job_detcon {
		width: 100%;
	}
	.container_job {
		width: 100%;
		margin: auto;
		overflow: hidden;
	}
	.job_det {
		padding: 0px 15px;
	}
	.jobcenter {
		width: 100%;
		background: url(../images/linecenter.png);
		padding: 15px;
	}
	/*首頁*/
	.home1_txt h5 {
		margin-top: 0px;
		font-size: 20px;
		letter-spacing: 2px;
	}
	.ban_phone {
		position: relative;
	}
	.pagination_ph1 {
		position: absolute;
		width: 100%;
		text-align: center;
		left: 0;
		bottom: 0;
		z-index: 11;
	}
	.ban_phone .pagination {
		margin: 0px;
	}
	.pagination_ph1 span {
		background: #ffffff;
		filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;
	}
	.pagination_ph1 .swiper-pagination-bullet-active {
		filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
	}
	.dex_home1_one {
		width: 33.33%; float: left;
		padding-left: 35px;
		position: relative;
	}
	.dex_home1_one_img {
		width: 26px;
		position: absolute;
		top: 0;
		left: 5px;
	}
	.index_home1 {
		padding: 20px 0;
	}
	.dex_home1_one h5 {
		margin-top: 0; margin-bottom: 0;
		line-height: 24px;
		color: #373d41; font-size: 16px;
	}
	.dex_home1_one p {
		margin-bottom: 0; color: #999; line-height: 20px;
		height: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	.index_prod {
		width: 100%;
		margin: 0px 0 15px 0;
		float: left;
	}
	.indprod_txt {
		padding: 20px 10px;
	}
	.indprod_txt p {
		margin-bottom: 0px;
		line-height: 20px;
		height: 40px;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.indprod_txt_cha {
		width: 90px;
	}
	.ind_plat {
		width: 48%;
		margin: 0px 1%;
	}
	.ind_plat p {
		display: none;
	}
	.index_txt h5 {
		margin-top: 0px;
		font-size: 20px;
		margin-bottom: 10px;
		letter-spacing: 2px;
	}
	.index_txt {
		text-align: center;
		margin-bottom: 10px;
	}
	.ind_plat_hd {
		padding: 10px 10px;
	}
	.ind_plat h5 {
		font-size: 16px;
		margin-top: 0;
		font-weight: 700;
		margin-bottom: 0;
	}
	.index_home4_bg {
		background: url("../images/home4_bgp.jpg") no-repeat center;
		background-size: cover;
		padding: 30px 0;
	}
	.home4_bg_txt {
		padding: 0 15px;
		position: relative;
		left: 0;
		top: 50%;
		text-align: left;
		z-index: 11;
		margin-top: 0px; width: 100%;
	}
	.home4_bg_txt h5 {
		margin-top: 0px;
		font-size: 18px;
		margin-bottom: 15px;
		letter-spacing: 2px;
		line-height: 24px;
	}
	.home4_bg_txt p {
		margin-bottom: 0;
		font-size: 12px;
		line-height: 20px;
	}
	.home4_bg_txt a {
		width: 100px;
		height: 35px;
		line-height: 35px;
		margin-top: 15px;
	}
	.ind_ser {
		float: left;
		margin: 0;
		width: 100%; margin-bottom: 15px;
	}
	.ind_ser1 {
		padding: 20px 0;
		margin-bottom: 15px;
	}
	.ind_ser h5 {
		font-size: 18px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.home1_txt {
		text-align: center;
		margin-bottom: 20px;
		color: #ffffff;
	}
	/*服务*/
	.ser_phone {
	}
	.ser_n1_one {
		padding: 20px 10px;
		margin-bottom: 15px; background: #ffffff;
	}
	.ser_bt_right h3 {
		margin-top: 0px;
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 0;
	}
	.ser_bt_left {
		width: 40px;
		float: left;
		margin-right: 10px;
	}
	.operating h4 {
		line-height: 24px;
		margin-top: 10px;
		font-size: 16px;
	}
	.ser_bt {
		padding-bottom: 15px;
	}
	.ser_text p {
		line-height: 20px;
		text-indent: 2em;
		color: #666;
	}
	.talent {
		margin: 0px;
	}
	.channel_left {
		padding: 20px 15px;
		width: 100%;
		margin: 0%;
		margin-bottom: 15px;
		float: left;
		position: relative;
		background-color: #f1f1f1;
		min-height: auto;
	}
	.channel_left p {
		font-size: 12px;
		line-height: 20px;
		padding-left: 15px;
		position: relative;
		margin-bottom: 0;
	}
	.channel1_img {
		width: 60px;
	}
	.director_a {
		margin-top: 10px;
		text-align: center;
	}
	.ban_phone_im {
		position: relative;
		height:180px;
	}
	.ban_phone_im .nner_txt { position: absolute;
		color: #ffffff;
		width: 100%;
		left: 0;
		top: 20%; text-align: center;
		z-index: 1111; margin-top: 0 }
	.title {
		font-size: 18px;
		text-align: center;
		margin-top: 0;
	}
	.pro2img {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.pro2img_pad {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 4px;
	}
	.pro1_1_right {
		padding: 5px 10px;
	}
	.product-2 .product1con h3 {
		font-size: 20px;

	}
}