﻿@charset "utf-8";
* { outline: 0; }
body { font-size: 20px; font-family: "Microsoft YaHei"; min-width: 1200px; background: #fff; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; }
ol, ul, li { list-style: none; }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
a { text-decoration: none; color: #333; }
img { border: 0; vertical-align: middle; }
select, input, textarea { border: 0; font-family: "Microsoft YaHei"; outline: none; }
input::-webkit-input-placeholder { color: #ffffff; }
input::-moz-placeholder { color: #ffffff; }
input:-moz-placeholder { color: #ffffff; }
textarea::-webkit-input-placeholder { color: #111; }
textarea::-moz-placeholder { color: #111; }
textarea:-moz-placeholder { color: #111; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
div, dl, dt, dd, ol, ul, li { zoom: 1; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, textarea { resize: none; outline: 0; font-family: "微软雅黑"; box-sizing: content-box; }
input[type="button"], input[type="submit"] { cursor: pointer; }
a:hover { text-decoration: none; }
.bg_000 { background-color: rgba(0,0,0,0.5) !important; }
.bg_000 .header_nav_ul li a { color: #fff; }
.bg_000 .header_edition a, .bg_000 .header_edition span { color: #fff; }
.bg_f2f2f2 { background: #f2f2f2; }
.bg_fff { background: #fff; }
.cont_flex_1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.show { display: block; }
.hide { display: none; }
/*合并表格边框，设置边框距为零*/
table { border-collapse: collapse; border-spacing: 0; }

/*清除浮动*/
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix { height: 1%; }

/*强制换行*/
.break_word { word-wrap: break-word; word-break: break-all; }

/*禁止换行*/
.keep_all { word-break: keep-all; white-space: nowrap; }

/*超出省略号，仅限单行，并且需要设定一个宽度*/
.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }

.product_left img:hover, .index_cLeft img:hover, .pro_left img:hover, .sale_img img:hover, .about_dImg img:hover, .system_gImg img:hover, .coop_h2 img:hover { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }

/*me*/
.wrap { width: 1200px; margin: 0 auto; }
.hidden { overflow: hidden; }


/*边距*/
.mt5 { margin-top: 5px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml50 { margin-left: 50px; }
.pt20 { padding-top: 20px; }
.pr27 { padding-right: 27px; }

.mb55 { margin-bottom: 55px; }
.mb150 { margin-bottom: 150px; }
.pad_100 { padding-bottom: 100px !important; }


.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }

/******* 状态 ******/
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.none { display: none; }
.middle { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }
.vertical_top { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
.tx_right { text-align: right; }
.tx_center { text-align: center; }
.tx_left { text-align: left; }

/*首页动画*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

/******    样式   *******/
.place_000::-webkit-input-placeholder { color: #000; }
.place_000::-moz-placeholder { color: #000; }
.place_000:-moz-placeholder { color: #000; }
.place_000:-ms-placeholder { color: #000; }

.place_737373::-webkit-input-placeholder { color: #737373; }
.place_737373::-moz-placeholder { color: #737373; }
.place_737373:-moz-placeholder { color: #737373; }
.place_737373:-ms-placeholder { color: #737373; }

.radius3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }

.radius30 { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; }

.main_div { position: relative; width: 100%; min-height: 100%; }
/*.main_div_bg1 { background: url('../images/page_img1.jpg') no-repeat center center; background-size: auto 100%; }
.main_div_bg2 { background: url('../images/page_img2.jpg') no-repeat center center; background-size: auto 100%; }*/


#main_canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.header_pa { overflow: hidden; }
.header_bg { z-index: 5; background: url('../images/bg_width.png') center center; position: fixed; left: 0; top: 0; width: 100%; min-width: 1200px; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.header_logo { padding: 12px 0; float: left; }
.header_edition { float: right; padding: 12px 0; }
.header_edition a, .header_edition span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 12px; color: #333333; line-height: 48px; }
.header_edition span { padding: 0 10px; cursor: Default; }
.header_nav { width: 970px; margin: 0 auto; line-height: 70px; text-align: center; float: left; }
.header_nav_ul { overflow: hidden; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
.header_nav_ul li { float: left; padding: 0 27px; }
.header_nav_ul li a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 9px; font-size: 18px; color: #333333; border-bottom: 2px solid transparent; }
.header_nav_ul li a:hover, .header_edition a:hover { color: #333366; }
.header_nav_ul li.on a { color: #333366; border-bottom: 2px solid #fd7d4d; }

.pages_1 { position: absolute; left: 50%; top: 50%; width: 1200px; height: 336px; margin-left: -600px; margin-top: -166px; text-align: center; }
.pages_1 p {  width:600px;margin:0 auto; font-size: 26px; color: #fff; margin-top: 32px; }
.show_logo { text-align: center; }
.show_core span { width: 600px; margin: 0 auto; font-size: 46px;   color: #fff; animation: myfirst 1s; -moz-animation: myfirst 1s; -webkit-animation: myfirst 1s; -o-animation: myfirst 1s; transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; display: block; text-align: center; }
.show_core span em { color: #ffcc00; font-weight: bold; }

@keyframes myfirst {
    0% { transform: scale(1.55); -ms-transform: scale(1.55); -moz-transform: scale(1.55); -webkit-transform: scale(1.55); -o-transform: scale(1.55); }
    to { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
}

.social { position: absolute; top: -15px; left: 5px; -webkit-filter: blur(20px); opacity: 0; -webkit-transition: 1s ease-out; transition: .6s ease-out; }
.social.show { top: 5px; opacity: 1; -webkit-filter: none; }
.fbLike { height: 21px; width: 100px; border: none; }
.twitter-share-button { }
.social > * { opacity: .5; -webkit-transition: .2s ease-out; transition: .2s ease-out; }
.social > *:hover { opacity: 1; }
.section { min-height: 100%; position: relative; width: 100%; background: url('../images/bg_f00.png') center center; }

#content { position: absolute; width: 200%; height: 100%; -webkit-transition: .6s cubic-bezier(0.02, 0.6, 0.2, 1); transition: .6s cubic-bezier(0.02, 0.6, 0.2, 1); }
#content section { width: 50%; height: 100%; float: left; }
#content section::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.fancyInput { font-family: "黑体" !important; text-align: center; margin: 0 auto; width: 625px; min-width: 50%; font-size: 86px; color: #FFF; vertical-align: middle; line-height: 1.3; overflow: hidden; padding: 8px 20px; border-radius: 10px; }
.fancyInput.textarea { line-height: normal; font-size: 40px; max-width: 50%; min-height: 160px; max-height: 40%; }
.fancyInput input, .fancyInput textarea { font-family: "黑体" !important; }
.fancyInput > div span:nth-child(1), .fancyInput > div span:nth-child(2), .fancyInput > div span:nth-child(3), .fancyInput > div span:nth-child(4) { color: #ffcc00; }
.main_list { padding-top: 145px; }
.fancyInput input { text-align: center !important; padding-right: 18px !important; padding-top: 13px !important; }
.main_list li { height: 242px; position: relative; width: 600px; text-align: center; float: left; cursor: pointer; }
.main_list li .main_img { width: 75px; height: 65px; text-align: center; margin: 0 auto; }
.product_list { text-align: center; padding: 49px 0 76px; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.product_list p { font-size: 28px; color: #fff; margin-top: 16px; }
.product_right { transition-duration: 1.3s; -webkit-transition-duration: 1.3s; -moz-transition-duration: 1.3s; -o-transition-duration: 1.3s; }
.product_right { display: block; position: absolute; right: 2000px; top: 0; height: 236px; width: 960px; z-index: 6; background: url('../images/bg_width_003.png') center center; text-align: right; }
.product_text { width: 390px; margin-right: 85px; padding: 50px 0; text-align: right; line-height: 30px; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
.product_text h1 { font-size: 28px; color: #ffcc00; margin-bottom: 14px; }
.product_text p { font-size: 16px; color: #ffffff; }

.main_list li.pop_right .product_right { text-align: left; right: auto; left: 2000px; }
.main_list li.pop_right .product_text { text-align: left; margin-right: 0; margin-left: 85px; }
.main_list li:hover .product_list { display: none; }
.main_list li:hover .product_right { right: 0; }
.main_list li.pop_right:hover .product_right { left: 0; }

.main_footer { position: absolute; bottom: 92px; left: 50%; margin-left: -600px; width: 1200px; line-height: 28px; text-align: center; }
.main_footer p { color: #fff; font-size: 14px; }
.main_footer a { color: #fff; font-size: 18px; display: block; }

/*关于我们*/
.about_page { position: absolute; left: 50%; top: 50%; width: 1200px; margin-left: -600px; margin-top: -50px; height: 100px; }
.about_header_title { font-size: 60px; color: #fff; text-align: center; font-weight: bold; line-height: 100px; }
.about_header_title em { font-weight: bold; color: #fd7d4d; }
.time_axis { /*padding-top: 70px;*/ }
.time_axis_title { padding-top: 42px; text-align: center; }
.time_axis_title h1 { line-height: 50px; font-size: 28px; color: #263b7f; }
.time_axis_title span { display: block; margin: 0 auto; width: 30px; height: 2px; background: #fd7d4d; }
.time_axis_bg { position: relative; }
.time_axis_bg:after { content: ""; position: absolute; left: 0; top: 98px; width: 100%; height: 1px; background: #dbdbdb; }
.time_axis_ul { overflow: hidden; position: relative; z-index: 2; margin-top: 40px; }
.time_axis_ul li { padding: 0 48px; width: 143px; float: left; }
.time_axis_ul li:hover .time_axis_icon { background: url('../images/time_icon_on.png') no-repeat center center; background-size: 26px 25px; }
.time_axis_ul li:hover .time_axis_text { color: #fd7d4d; }
.time_axis_year { background: url('../images/time.png') no-repeat center center; background-size: 74px 80px; width: 74px; height: 80px; margin: auto; text-align: center; font-size: 18px; color: #737373; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.time_axis_year p { text-align: center; display: block; width: 100%; line-height: 18px; }
.time_axis_year p:last-child { font-size: 16px; }
.time_axis_icon { width: 26px; height: 25px; background: url('../images/time_icon.png') no-repeat center center; background-size: 26px 25px; margin: 5px auto 0; }
.time_axis_text { text-align: center; font-size: 13px; color: #333333; margin-top: 20px; }
.time_axis_p { text-align: center; font-size: 13px; color: #333333; margin: 35px 0 40px; }

.Strong_team { padding: 46px 0 72px; }
.Strong_team p { font-size: 14px; color: #484848; line-height: 25px; }
.center_down { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: auto 0; position: absolute; height: 100%; width: 100%; }
.about_operate_text { font-size: 14px; color: #484848; text-align: center; margin-top: 17px; }
.about_operate_ul { margin-bottom: 40px; display: inline-block; vertical-align: middle; }
.about_operate_ul li { float: left; margin: 20px 23px 0; width: 250px; }
.about_operate_header { width: 150px; height: 150px; margin: 0 auto; overflow: hidden; border-radius: 50%; }
.about_operate_header img { width: 100%; height: 100%; }
.about_operate_bottom { font-size: 12px; color: #666; line-height: 20px; text-align: center;}
.about_operate_bottom p { word-wrap: break-word; }
.about_footer { background: url('../images/bg_img.jpg') center center; }
.about_footer_nav ul { border-bottom: 1px solid #464646; text-align: center; padding-top: 8px; }
.about_footer_nav ul li { display: inline-block; vertical-align: middle; padding: 0 75px; line-height: 48px; }
.about_footer_nav ul li a { display: inline-block; vertical-align: middle; color: #cccccc; font-size: 14px; }
.about_footer_nav ul li a:hover { color: #263b7f; }
.about_footer_bottom { text-align: center; font-size: 12px; color: #cccccc; line-height: 24px; padding: 12px 0; }

/*5G技术*/
.header_technology { text-align: center; font-weight: bold; }
.header_technology p { font-size: 50px; color: #fd7d4d; }
.header_technology span { display: block; font-size: 42px; color: #fff; }
.technology_list { padding: 50px 0 59px; overflow: hidden; text-align: center; }
.technology_img { display: inline-block; vertical-align: middle; width: 438px; margin-right: 50px; }
.technology_text { text-align: left; display: inline-block; vertical-align: middle; width: 705px; font-size: 16px; color: #484848; line-height: 28px; }
.technology_text p { font-size: 16px; color: #484848; }
.technology_odd .technology_img { margin-right: 0; margin-left: 50px; }

/*专利*/
.wrap1030 { width: 1030px; margin: 0 auto; min-width: 1030px; }
.patent_top { text-align: center; padding: 70px 0 60px; font-size: 14px; color: #484848; line-height: 26px; }
.patent_table_top { padding: 38px 0 0; }
.how_much_page { font-size: 14px; color: #484848; text-align: left; margin-bottom: 17px; }
.how_much_page em { color: #fd7d4d; padding: 0 5px; }
.patent_table { width: 1030px; margin: 0 auto; }
.patent_table tr td { padding: 8px; line-height: 30px; }
.patent_table tbody tr { border-bottom: 1px solid #e1e1e1; }
.patent_table thead tr td { text-align: center; color: #fff; font-size: 14px; line-height: 36px; }
.patent_table thead tr td:first-child { width: 165px; background: #0f5e8b; }
.patent_table thead tr td:nth-of-type(2) { width: 260px; background: #0f5e8b; }
.patent_table thead tr td:last-child { width: 605px; background: #fd7d4d; }
.patent_table tbody tr td { font-size: 14px; color: #484848; }
.page_patent { text-align: center; padding: 40px 0; }
.page { display: inline-block; vertical-align: middle; }
.page a, .page span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: #fff; border-radius: 2px; font-size: 14px; color: #727d81; border: 1px solid #d3d3d3; margin-right: 13px; height: 30px; width: 30px; line-height: 30px; text-align: center; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.page a:hover, .page span.current { background: #fd7d4d; border-color: #fd7d4d; color: #fff; }
.page .home_page, .page .Shadowe { padding: 0 3px; }
.page .home_page, .page .Shadowe, .page .prev, .page .next { font-family: "黑体"; }


/*业务合作*/
.business_box { position: relative; padding-bottom: 14px; overflow: hidden; margin:100px 0; }
.business_box:after { content: ""; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: #dbdbdb; }
.business_box .business_list:nth-of-type(2n) { margin-left: 40px !important; margin-right: 0 !important; }
.business_list { width: 560px; float: left; margin-right: 40px; }
.business_list .time_axis_title { text-align: left; padding-top: 0; padding-bottom: 44px; }
.business_list .time_axis_title span { margin: 0; }
.business_p { line-height: 22px; padding-bottom: 22px; text-align: left; font-size: 14px; }
.business_p h1 { color: #484848; font-weight: bold; margin-bottom: 14px; }
.business_p p { color: #666; }
.business_p p a { color: #fd7d4d; margin: 0 5px; display: inline-block; vertical-align: middle; }
.btn_moveTo { width: 120px; position: absolute; left: 50%; margin-left: -60px; bottom: 10px; animation-name: topb; -webkit-animation-name: topb; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; display: inline-block; cursor: pointer; }
.btn_moveTo span { display: block; text-align: center; font-size: 14px; color: #fff; }
.btn_moveTo img { width:90px; }
.recovery_title span img { }

@keyframes topb {
    0% { bottom: 18px; }
	100% { bottom: 8px; }
}



@media screen and (max-width: 1660px) {
    .main_list li, .product_right { height: 200px; }
    .product_list { padding: 41px 0; }
    .main_footer { bottom: 52px; }
	.product_text p{
		font-size:14px;
	}
}

@media screen and (max-width: 1366px) {
    .main_list li, .product_right { height: 170px; }
    .product_list { padding: 21px 0; }
    .main_footer { bottom: 32px; }
    .product_text { padding: 16px 0; }
    .business_compatible { padding-top: 73px; }
    .pages_1 p { font-size: 20px; width:450px; }
    .show_core span { font-size: 30px; width:450px; }
    .show_logo img { width: 140px; }
	/* .btn_moveTo{ */
		/* bottom:20px; */
	/* } */
	/* @keyframes topb { */
		/* 0% { bottom: 28px; } */
		/* 100% { bottom: 18px; } */
	/* } */
	.about_header_title{
		font-size:50px;
		line-height:60px;
	}
	.business_box { margin:10px 0; }
}
