html, body { 	font-family: '微软雅黑', sans-serif; 	font-size: 100%; 	background: #FFf; 	overflow-x: hidden; } body a { 	transition: 0.5s all; 	-webkit-transition: 0.5s all; 	-moz-transition: 0.5s all; 	-o-transition: 0.5s all; 	-ms-transition: 0.5s all; } img { 	max-width: 100%; } /*-----start-header----*/ .header { 	position: fixed; 	z-index: 123456; 	width: 100%; } .logo { 	float: left; } .logo a { 	color: #303030; 	font-weight: 200; 	text-transform: uppercase; 	margin-top: 0.8em; } .logo a:hover { 	text-decoration: none; } .logo320 { 	display: none; } /*----navbar-nav----*/ .top-header { 	background-color: rgba(0,0,0,0.6); 	border-bottom: 1px solid rgba(137,150,240,0.5); } .top-nav ul li a { 	color: #FFFFFF; 	padding: 0.2em 1.5em; 	font-size: 0.875em; 	font-weight: 400; 	text-align: center; 	text-transform: uppercase; 	position: relative; 	font-weight: 900; } .top-nav ul li .sons { 	display: none; 	width: 100%; 	position: absolute; 	left: 0; 	padding-bottom: 12px; 	background: #fff; 	border-bottom-right-radius: 6px; 	border-bottom-left-radius: 6px; 	overflow: hidden; 	padding-top: 6px; 	box-shadow: 0 0 2px #ccc inset; } .top-nav ul li .sons a { 	display: block; 	width: 100%; 	margin: 0 auto; 	line-height: 28px; 	border-bottom: 1px solid #f2f2f2; 	padding: 2px 0; 	font-size: 12px; 	font-weight: normal; } .top-nav ul li .sons a span { 	width: 96%; 	display: block; 	line-height: 28px; 	border-radius: 4px; 	line-height: 28px; 	color: #999; 	font-size: 12px; 	text-align: center; 	margin: 0 auto; } .top-nav ul li .search_wrap { 	display: none; } .top-nav ul li .sons a:hover span { 	background: #202d76; 	color: #fff; } @media (min-width: 992px) and (max-width: 1199px) { .top-nav ul li a { 	padding: 0.2em 10px; } } @media (min-width: 768px) and (max-width: 991px) { .top-nav ul li a { 	padding: 0.2em 5px; } } .top-nav ul li span { 	color: #fff; } .top-nav ul li a:hover { 	color: #8fc320; } .logo a { 	display: block; } /* top-nav */ .top-nav:before, .top-nav:after { 	content: " "; 	display: table; } .top-nav:after { 	clear: both; } nav { 	position: relative; 	float: right; } nav ul { 	padding: 0; 	float: right; 	margin-top: 1.5em; 	margin-bottom: 0; } nav li { 	display: inline; 	float: left; 	position: relative; } nav a { 	color: #fff; 	display: inline-block; 	text-align: center; 	text-decoration: none; 	line-height: 57px; } nav a:hover { 	text-decoration: none; 	color: #00A2C1; } nav a#pull { 	display: none; } #homepage { } /*Styles for screen 600px and lower*/ @media screen and (max-width: 768px) { nav { 	height: auto; 	float: none; } nav ul { 	width: 100%; 	display: block; 	height: auto; } nav li { 	width: 100%; 	position: relative; 	float: none; } nav li a { 	border-bottom: 1px solid #eee; } nav a { 	text-align: left; 	width: 100%; } .top-nav ul li a { } .top-nav ul li span { 	display: none; } } /*Styles for screen 515px and lower*/ @media only screen and (max-width : 768px) { nav { 	border-bottom: 0; 	float: none; } nav ul { 	display: none; 	height: auto; 	margin: 0; 	background: #fff; } nav a#pull { 	display: block; 	position: relative; 	color: #F26D7D; 	text-align: right; 	position: absolute; } nav a#pull img { 	margin-right: 2%; 	line-height: 2.5em; } .top-nav ul li a { 	color: #2C3E50; 	line-height: 2.5em; } .top-nav ul li a:last-Child { 	display: none; } } /*Smartphone*/ @media only screen and (max-width : 320px) { nav { 	float: none; } nav li { 	display: block; 	float: none; 	width: 100%; } nav li a { 	border-bottom: 1px solid #EEE; } } /*---- banner ----*/ .banner { 	position: relative; 	background: url(../images/home_bg1.jpg) center bottom no-repeat; 	background-size: cover; 	overflow: hidden; 	background-size: cover; } .bannerin { 	position: relative; 	background: url(../images/bannerin.jpg) center bottom no-repeat; 	background-size: cover; 	overflow: hidden; 	background-size: cover; } .banner-info { 	position: absolute; 	left: 50%; 	top: 25%; 	margin-left: -255px; } /*-- //banner ----*/ /*业务支持*/ .service.container { 	padding: 0; 	width: 1200px; } .service .myTab_menu { 	background: #f5f5f5; } .service .nav-tabs { 	width: 1200px; 	margin: 0 auto; 	border: none; } .service .nav-tabs > li { 	width: 25%; 	text-align: center; } .service .nav-tabs > li.myTab_menu1 { 	background: url(../images/spec_icon1.png) center 48px no-repeat; 	border-left: 1px solid #e5e5e5; } .service .nav-tabs > li.myTab_menu2 { 	background: url(../images/spec_icon2.png) center 48px no-repeat; 	border-left: 1px solid #e5e5e5; } .service .nav-tabs > li.myTab_menu3 { 	background: url(../images/spec_icon3.png) center 48px no-repeat; 	border-left: 1px solid #e5e5e5; } .service .nav-tabs > li.myTab_menu4 { 	background: url(../images/spec_icon4.png) center 48px no-repeat; 	border-left: 1px solid #e5e5e5; 	border-right: 1px solid #e5e5e5; } .service .nav-tabs > li a { 	display: block; 	height: 240px; 	width: 100%; } .service .nav-tabs > li a p { 	margin-top: 168px; } .service .nav-tabs > li a:hover { 	color: #888; } .service .nav-tabs > li.active.myTab_menu1 { 	background: #8fc320 url(../images/spec_icon1_hover.png) center 48px no-repeat; } .service .nav-tabs > li.active.myTab_menu2 { 	background: #8fc320 url(../images/spec_icon2_hover.png) center 48px no-repeat; } .service .nav-tabs > li.active.myTab_menu3 { 	background: #8fc320 url(../images/spec_icon3_hover.png) center 48px no-repeat; } .service .nav-tabs > li.active.myTab_menu4 { 	background: #8fc320 url(../images/spec_icon4_hover.png) center 48px no-repeat; } .service .nav-tabs > li.active a { 	background: none; 	color: #fff; 	border: none; } .service .tab-content { 	padding: 26px 0 20px; } .service .tab-content .col-md-6 { 	padding: 0; } .service .tab-content .col-md-6 .tab_con_tit { 	display: inline-block; 	color: #333333; 	font-size: 24px; 	font-weight: 700; 	border-top: 3px solid #8fc320; 	border-bottom: 3px solid #8fc320; 	padding: 10px 0; } .service .tab-content .col-md-6 .tab_con_tex { 	margin-top: 30px; 	color: #666666; 	line-height: 38px; 	font-size: 12px; 	margin-bottom: 20px; } .service .tab-content .col-md-6 a.tab_con_btnm { 	width: 155px; 	height: 47px; 	background: #8fc320; 	border-radius: 4px; 	display: inline-block; 	text-align: center; 	line-height: 47px; 	color: #fff; } .service .tab-content .col-md-6 a.tab_con_btnc { 	width: 155px; 	height: 47px; 	background: #fff; 	border-radius: 4px; 	display: inline-block; 	text-align: center; 	line-height: 47px; 	color: #1295f2; 	border: 1px solid #1295f2; 	margin-left: 15px; } /*---应用领域---*/ .work .myTab_menu2 { 	background: url(../images/sildmenu_bg.jpg) center top no-repeat; } .work .myTab_menu2 .nav-tabs { 	width: 1200px; 	margin: 0 auto; 	border: none; } .work .myTab_menu2 .nav-tabs > li { 	width: 25%; 	height: 100px; } .work .myTab_menu2 .nav-tabs > li a { 	display: block; 	border: none; 	line-height: 100px; 	font-size: 18px; 	color: #fff; 	padding: 0; 	margin: 0; 	border-radius: 0; 	text-indent: 86px; } .work .myTab_menu2 .nav-tabs > li a:after { 	content: ''; 	display: inline-block; 	width: 13px; 	height: 7px; 	background: url(../images/icon_down.png) center no-repeat; 	margin-left: 6px; } .work .myTab_menu2 .nav-tabs > li.myTab_menu11 a { 	background: url(../images/sildmenu_icon1.png) 55px center no-repeat; } .work .myTab_menu2 .nav-tabs > li.myTab_menu12 a { 	background: url(../images/sildmenu_icon2.png) 55px center no-repeat; } .work .myTab_menu2 .nav-tabs > li.myTab_menu13 a { 	background: url(../images/sildmenu_icon3.png) 55px center no-repeat; } .work .myTab_menu2 .nav-tabs > li.myTab_menu14 a { 	background: url(../images/sildmenu_icon4.png) 55px center no-repeat; } .work .myTab_menu2 .nav-tabs > li.active a { 	color: #90c221; } .work .myTab_menu2 .nav-tabs > li.active a:after { 	content: ''; 	display: inline-block; 	width: 13px; 	height: 7px; 	background: url(../images/icon_down_hover.png) center no-repeat; 	margin-left: 6px; } .work .myTab_menu2 .nav-tabs > li.active.myTab_menu11 a { 	background: #fff url(../images/sildmenu_icon1_hover.png) 55px center no-repeat; } .work .myTab_menu2 .nav-tabs > li.active.myTab_menu12 a { 	background: #fff url(../images/sildmenu_icon2_hover.png) 55px center no-repeat; } .work .myTab_menu2 .nav-tabs > li.active.myTab_menu13 a { 	background: #fff url(../images/sildmenu_icon3_hover.png) 55px center no-repeat; } .work .myTab_menu2 .nav-tabs > li.active.myTab_menu14 a { 	background: #fff url(../images/sildmenu_icon4_hover.png) 55px center no-repeat; } .work .tab-content .tab_con_tex .tab_con_tex1 { 	color: #333; 	font-size: 28px; 	padding: 1rem 0; 	text-align: center; 	margin: 0; } .work .tab-content .tab_con_tex .tab_con_tex2 { 	color: #888; 	font-size: 14px; 	margin: 0 auto 10px; 	line-height: 34px; 	text-align: center; 	width: 60%; } .work .tab-content .works-grid { 	overflow: hidden; } .works-head h2 { 	color: #02918C; 	font-weight: 900; 	font-size: 3em; 	margin: 0; 	padding: 0; } .works-head span { 	width: 162px; 	height: 9px; 	display: inline-block; 	background: url(../images/border-bg.png) no-repeat 0px 0px; } .works-head p { 	color: #7E8287; 	font-size: 1.2em; 	font-weight: 300; 	width: 40%; 	line-height: 1.8em; 	margin: 1em auto; } /*---- works-grids ----*/ .works-grid { 	padding: 0; 	position: relative; } .works-grid img { 	width: 100%; } .works-grid div.captions { 	display: none; } .works-grid:hover div.captions { 	display: block; } .works-grid:hover img { 	transition: 1s all; 	-webkit-transition: 1s all; 	-moz-transition: 1s all; 	-o-transition: 1s all; 	-ms-transition: 1s all; 	transform: scale(1.2); 	-webkit-transform: scale(1.2); 	-moz-transform: scale(1.2); 	-o-transform: scale(1.2); 	-ms-transform: scale(1.2); } .work div.captions { 	position: absolute; 	bottom: 0px; 	width: 100%; 	height: 2.5rem; 	background: rgba(0,0,0,0.4); } .work div.captions h4 { 	font-size: 1em; 	color: #FFF; 	text-indent: 10px; 	font-weight: bold; } .work div.captions p { 	color: #FFF; 	line-height: 1.4em; } /*---- about ----*/ .about { 	height: 850px; 	background: url(../images/home_bg2.jpg) center top no-repeat; } .about .about_con { 	height: 640px; 	color: #fff; 	text-align: center; 	background: url(../images/jfkla.png) center top no-repeat; } .about .about_con h2 { 	padding-top: 150px; 	font-size: 28px; } .about .about_con p { 	line-height: 30px; 	font-size: 14px; } .about .about_con a { 	width: 122px; 	height: 30px; 	border: 1px solid #fff; 	text-align: center; 	line-height: 30px; 	color: #fff; 	font-size: 14px; 	display: block; 	margin: 0 auto; 	margin-top: 25px; } /*----//about ----*/ /*社会责任*/ .socity { 	width: 100%; 	overflow: hidden; } .socity .soc-grid { 	position: relative; } .socity .column { 	padding: 0; } .socity .soc-grid img { 	width: 100%; } .socity .soc_texcon .t1 { 	font-size: 36px; 	padding-top: 18%; 	padding-bottom: 11%; 	color: #90c221; 	text-align: center; } .socity .soc_texcon .t1 { 	font-size: 36px; 	padding-top: 50px; 	padding-bottom: 20px; 	color: #90c221; 	text-align: center; } .socity .soc_texcon .t2 { 	text-align: center; 	color: #666; 	font-size: 16px; } .socity .soc_texcon a { 	color: #90c221; 	width: 154px; 	height: 44px; 	display: block; 	text-align: center; 	line-height: 44px; 	border: 1px solid #90c221; 	margin: 50px auto 0; } .socity div.captions { 	position: absolute; 	bottom: 0px; 	width: 100%; 	height: 3.5rem; 	background: rgba(144,194,33,0.9); } .socity div.captions h4 { 	font-size: 1em; 	color: #FFF; 	text-indent: 10px; 	font-weight: bold; } .socity div.captions p { 	color: #FFF; 	text-indent: 10px; 	font-size: 0.75px; } /*---servies---*/ .socity div.captions2 { 	position: absolute; 	width: 100%; 	height: 100%; 	top: 0; } .socity div.captions2 .t5 { 	position: absolute; 	right: 0; 	height: 2.5em; 	color: #fff; 	background: #1295f2; 	font-size: 1.5em; 	line-height: 2.5em; 	padding: 0 2em; 	top: 30%; 	z-index: 123; } .socity div.captions2 .t6 { 	position: absolute; 	right: 0; 	height: 2.5em; 	color: #fff; 	background: #90c221; 	font-size: 1.5em; 	line-height: 2.5em; 	padding: 0 2em; 	bottom: 30%; 	z-index: 123; } .service-head { } .service-head h2 { 	color: #02918C; 	font-weight: 900; 	font-size: 3em; 	margin: 0; 	padding: 0; } .service-head span { 	width: 162px; 	height: 9px; 	display: inline-block; 	background: url(../images/border-bg.png) no-repeat 0px 0px; } .service-head p { 	color: #7E8287; 	font-size: 1.2em; 	font-weight: 300; 	line-height: 1.8em; 	margin: 1em 0; } /*--services-grid-left-grid--*/ .services-grid-left-grid { 	position: relative; 	padding: 1em 0; } .services-grid-left-grid span { 	width: 33px; 	height: 34px; 	display: inline-block; 	background: url(../images/service-icon.png) no-repeat 0px 0px; } .services-grid-left-grid h3 { 	margin: 0; 	padding: 0; } .services-grid-left-grid h3 a { 	color: #7E8287; 	font-weight: 400; 	font-size: 1em; 	margin: 0.5em 0 0; 	display: inline-block; } .services-grid-left-grid h3 a:hover { 	text-decoration: none; 	color: #02918C; } .services-grid-left-grid p { 	color: #7E8287; 	font-size: 0.875em; 	line-height: 1.8em; 	width: 60%; 	margin: 0.6em 0; } .services-grid-left-grid span.search { 	background-position: -38px 0px; } .services-grid-left-grid span.clock { 	background-position: -83px 0px; } .services-grid-left-grid span.chart { 	background-position: -124px 0px; } .services-grid-right { } /*----news---*/ .news { 	background: url(../images/home_bg3.jpg) center top repeat-y; 	padding-bottom: 5em; } .news .conatiner { 	width: 1200px; 	margin: 0 auto; } .news .conatiner .new_tit { 	text-align: center; 	font-size: 32px; 	color: #333; 	font-weight: bold; 	padding-top: 110px; } .news .conatiner .news_des { 	text-align: center; 	font-size: 14px; 	color: #666; 	padding-top: 20px; } .news .conatiner .new_wrap { 	padding: 1.5em 0.8em; 	background: #fff; 	margin-top: 3em; } .news .conatiner .new_box .fl { 	float: left; } .news .conatiner .new_box .fr { 	float: right; } .news .conatiner .new_box .new_top .fl { 	font-size: 20px; 	color: #333; 	border-left: 3px solid #90c221; 	padding-left: 10px; } .news .conatiner .new_box .center .hotnews { 	position: relative; } .news .conatiner .new_box .center .hotnews a { 	position: absolute; 	height: 2em; 	background: rgba(0,0,0,0.7); 	bottom: 0; 	width: 100%; 	color: #fff; 	line-height: 2em; 	text-indent: 0.2em; 	display: block; } .news .conatiner .new_box .center .hotnews a span { 	position: absolute; 	right: 0.2em; } .news .conatiner .new_box ul { 	padding: 0; 	margin: 0; } .news .conatiner .new_box li { 	list-style: none; } .news .conatiner .new_box li.new_sbox { 	margin-bottom: 23px; } .news .conatiner .new_box li.new_sbox .fl { 	width: 30%; } .news .conatiner .new_box li.new_sbox .fr { 	width: 68%; } .news .conatiner .new_box li.new_sbox .fr p { 	font-size: 1em; 	color: #333; 	margin-bottom: 3px; } .news .conatiner .new_box li.new_sbox .fr a { 	color: #888; 	font-size: 12px; line-height:19px } .news .conatiner .new_box li.new_sbox .fr .news_title { 	overflow: hidden; 	text-overflow: ellipsis; 	display: -webkit-box; 	-webkit-line-clamp: 1; 	-webkit-box-orient: vertical; } .news .conatiner .new_box li.new_sbox .fr .news_description { 	overflow: hidden; 	text-overflow: ellipsis; 	display: -webkit-box; 	-webkit-line-clamp: 2; 	-webkit-box-orient: vertical; } .news .conatiner .new_box .center .new_con li { 	margin-top: 20px; 	background: url(../images/list_s.png) center left no-repeat; 	padding-left: 10px; } .news .conatiner .new_box .center .new_con li a { 	color: #666; 	position: relative; 	display: block; 	width: 100%; } .news .conatiner .new_box .center .new_con li span { 	position: absolute; 	right: 0; 	color: #999; } /*---- copy-right ----*/  .copy-right { 	background: #242426 url(../images/foot_bg.jpg) center top no-repeat; 	padding: 1.8em 0 1em; } .copy-right p { 	text-transform: uppercase; 	color: #919090; 	font-size: 12px; } .copy-right .guanzhu p { 	text-transform: uppercase; 	color: #919090; 	font-size: 12px; 	width: 100%; 	text-align: center; 	margin: 5px auto; } .copy-right p.white { 	color: #fff; 	text-align: left; } .copy-right .hengx { 	height: 0; 	border-bottom: 1px solid #585858; 	width: 90%; } .copy-right .join .hengx { 	width: 40%; } .copy-right .guanzhu .hengx { 	width: 100%; } .copy-right .guanzhu .erweim { 	text-align: right; 	margin-top: 1em; } .copy-right .guanzhu img { 	width: 90%; 	display: inline-block; } .copy-right a, .copy-right span { 	color: #919090; 	line-height: 2.5em; 	font-size: 12px; 	display:block; } .banquan a{ display:inline-block} .copy-right p a:hover { 	text-decoration: none; 	color: #7E8287; } .copy-right .copy_con { 	border-top: 1px solid #444343; } .copy-right .copy_con p { 	padding-top: 20px; } .copy-right .copy_con p.text_r { 	text-align: right; } .copy-right .copy_con p.text_r a { 	float: right; 	line-height: normal; } .copy-right .copy_con p.text_r a:hover { 	color: #fff; } #toTop { 	display: none; 	text-decoration: none; 	position: fixed; 	bottom: 14px; 	right: 3%; 	overflow: hidden; 	width: 40px; 	height: 40px; 	border: none; 	text-indent: 100%; 	background: url("../images/to-top1.png") no-repeat 0px 0px; } #toTopHover { 	width: 40px; 	height: 40px; 	display: block; 	overflow: hidden; 	float: right; 	opacity: 0; 	-moz-opacity: 0; 	filter: alpha(opacity=0); } .floor_tip { 	position: fixed; 	left: 50%; 	margin-left: 670px; 	bottom: 200px; 	z-index: 212; } .floor_tip li { 	width: 91px; 	height: 23px; 	background: url(../images/floor.png) right center no-repeat; } .floor_tip li a { 	padding: 0; 	display: block; 	height: 23px; 	line-height: 23px; 	width: 90px; 	border-radius: 0; 	text-indent: -9999px; 	transition: 0.1s all; 	-webkit-transition: 0.1s all; 	-moz-transition: 0.1s all; 	-o-transition: 0.1s all; 	-ms-transition: 0.1s all; } .floor_tip li.active { 	background: url(../images/floor_active.png) right center no-repeat; } .floor_tip li.active a { 	text-indent: 10px; 	color: #fff; 	font-size: 12px; 	display: block; 	background: url(../images/floor_tips.png) left top no-repeat; } .floor_tip li.active a:hover { 	background: url(../images/floor_tips.png) left top no-repeat; } /*---- responsive-design ----*/ @media (max-width:1680px) { .floor_tip { 	margin-left: 630px; } .socity .soc_texcon .t1 { 	font-size: 32px; 	padding-top: 30px; 	padding-bottom: 20px; 	color: #90c221; 	text-align: center; } .socity .soc_texcon .t2 { 	text-align: center; 	color: #666; 	font-size: 14px; } .socity div.captions2 .t5 { 	height: 2em; 	font-size: 1.5em; 	line-height: 2em; 	padding: 0 2em; 	top: 30%; } .socity div.captions2 .t6 { 	height: 2em; 	font-size: 1.5em; 	line-height: 2em; 	padding: 0 2em; 	bottom: 30%; } } @media (max-width:1440px) { .floor_tip { 	margin-left: 0; 	left: 90%; } .socity .soc_texcon .t1 { 	font-size: 32px; 	padding-top: 20px; 	padding-bottom: 10px; 	color: #90c221; 	text-align: center; } .socity .soc_texcon .t2 { 	text-align: center; 	color: #666; 	font-size: 12px; } } @media (max-width:1366px) { .socity .soc_texcon .t2 { 	text-align: center; 	color: #666; 	font-size: 12px; } .socity .soc_texcon .t1 { 	font-size: 18px; 	padding-top: 10px; 	padding-bottom: 10px; 	color: #90c221; 	text-align: center; } .socity .soc_texcon a { 	margin: 20px auto 0; } .socity div.captions2 .t5 { 	height: 1.5em; 	font-size: 1.5em; 	line-height: 1.5em; 	padding: 0 2em; 	top: 25%; } .socity div.captions2 .t6 { 	height: 1.5em; 	font-size: 1.5em; 	line-height: 1.5em; 	padding: 0 2em; 	bottom: 25%; } } @media (max-width:1280px) { .socity .soc_texcon .t1 { 	font-size: 14px; 	padding-top: 10px; 	padding-bottom: 10px; 	color: #90c221; 	text-align: center; } .socity .soc_texcon .t2 { 	text-align: center; 	color: #666; 	font-size: 12px; } .socity .soc_texcon a { 	margin: 10px auto 0; } .copy-right .copy_con { 	display: none; } } @media (max-width:1024px) { .work .col-md-3 { 	width: 50%; 	float: left; } .top-nav ul li a { 	padding: 0.2em 4px; } .header .container { 	padding: 0; } } @media (max-width:993px) { .floor_tip { 	display: none; } .top-nav ul li span { 	display: none; } } @media (max-width:768px) { .banner-info { 	left: 8%; 	width: 84%; 	margin-left: 0; } .services-grid-left { 	padding: 1em 2em; } .works-grid:hover div.caption { 	margin: 1em; 	padding: 0.5em; 	min-height: 150px; } .banner { 	min-height: 526px; } .bannerin { 	min-height: 450px; } .works-head p { 	width: 80%; 	margin: 0em auto; 	font-size: 1em; } .banner-info h1 { 	font-size: 3.2em; } .about-head h2, .service-head h2, .works-head h2 { 	font-size: 1.8em; } .about-head p { 	font-size: 1em; 	width: 90%; } .about { 	padding: 1em 0; } .works { 	padding: 1em 0; } .top-header { 	background-color: rgba(0,0,0,0.7); 	border-bottom: 1px solid rgba(137,150,240,0.8); } .top-header { 	padding: 0em 0 1em; } .top-header .container { 	padding: 0; 	width: 100%; } .logo { 	margin-top: 0.5em; } .logo a { 	margin-top: 0em; 	margin-left: 0.5em; } .banner-info p { 	font-size: 1.8em; } .services-grid-left-grid p { 	width: 100%; } .services-grid-left-grid { 	padding: 0.5em 0; } .services-grid-right { 	display: none; } .about-grids { 	padding: 0em 0 0em; } .service-head p { 	font-size: 1em; 	margin: 0.4em 0; } .service .tab-content { 	padding: 2em 0.5em; } .service .nav-tabs > li a { 	display: block; 	height: 120px; 	width: 100%; } .service .nav-tabs > li.myTab_menu1 { 	background-position: center 5px; 	background-size: auto 65%; } .service .nav-tabs > li.myTab_menu2 { 	background-position: center 5px; 	background-size: auto 65%; } .service .nav-tabs > li.myTab_menu3 { 	background-position: center 5px; 	background-size: auto 65%; } .service .nav-tabs > li.myTab_menu4 { 	background-position: center 5px; 	background-size: auto 65%; } .service .nav-tabs > li.active.myTab_menu1 { 	background-position: center 5px; 	background-size: auto 65%; } .service .nav-tabs > li.active.myTab_menu2 { 	background-position: center 5px; 	background-size: auto 65%; } .service .nav-tabs > li.active.myTab_menu3 { 	background-position: center 5px; 	background-size: auto 65%; } .service .nav-tabs > li.active.myTab_menu4 { 	background-position: center 5px; 	background-size: auto 65%; } .service .nav-tabs > li a p { 	margin-top: 80px; } .works-grid:nth-child(2), .works-grid:nth-child(3), .works-grid:nth-child(4), .works-grid:nth-child(5), .works-grid:nth-child(6) { 	display: none; } .contact-head h2 { 	font-size: 1.8em; } .contact-head p { 	font-size: 1em; 	width: 80%; 	line-height: 1.5em; } .Contact-form { 	padding: 1em 0 1em; 	margin-top: 1.5em; } .send-form { 	width: 90%; } .copy-right { 	padding: 1em 0; } .send-form input[type="submit"] { 	margin: 1.5em 0; } .work .col-md-3 { 	width: 100%; } .service.container { 	padding: 0; 	width: 100%; } .service .nav-tabs { 	width: 100%; 	margin: 0 auto; 	border: none; } .news .conatiner { 	width: 100%; 	margin: 0 auto; } .work .myTab_menu2 .nav-tabs { 	width: 100%; 	margin: 0 auto; 	border: none; } .work .myTab_menu2 .nav-tabs > li a { 	text-indent: 0px; 	text-align: center; } .work .myTab_menu2 .nav-tabs > li.active.myTab_menu11 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu12 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu13 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu14 a { 	background: #fff; } .work .myTab_menu2 .nav-tabs > li.myTab_menu11 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu12 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu13 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu14 a { 	background: none; } .about .about_con { 	background-size: 80% auto; } .socity .column.col-md-4 img { 	width: 100%; } .news .conatiner .new_tit { 	padding-top: 2em; 	font-size: 2em; } .news .conatiner .news_des { 	font-size: 0.9em; 	width: 90%; 	line-height: 2em; 	text-align: center; 	margin: 0 auto; } .news .conatiner .new_box .new_top .fl { 	font-size: 1.25em; } .news .conatiner .new_box .col-md-4 { 	width: 100%; } .news .conatiner .new_box img { 	width: 100%; } .news .conatiner .new_box li.new_sbox .fr p { 	font-size: 1.5em; } .news .conatiner .new_box li.new_sbox .fr a { 	font-size: 1em; 	line-height: 2em; } .news .conatiner .new_box li.new_sbox .fr .news_description { 	-webkit-line-clamp: 3; } .copy-right .col-md-3 { 	width: 25%; 	float: left; } .copy-right .join .col-md-6 { 	width: 50%; 	float: left; } .works-grid div.captions { 	display: block; 	background: rgba(0,0,0,0.6); } .socity .soc_texcon a { 	height: auto; 	padding: 0.2em 0; 	line-height: 1.5em; } .top-nav ul li .sons { 	display: none; 	width: 100%; 	position: relative; 	left: 0; 	background: #fff; 	overflow: hidden; 	padding-top: 6px; 	background: #fafafa; } .top-nav ul li .sons a { 	display: block; 	width: 100%; 	margin: 0 auto; 	border-bottom: 1px solid #f2f2f2; 	font-size: 0.7em; 	font-weight: normal; } .top-nav ul li .sons a span { 	color: #999; 	font-size: 0.7em; 	text-align: center; 	margin: 0 auto; } .bannerimg { 	display: none; } } @media (max-width:640px) { .socity div.captions2 .t5 { 	height: 1.5em; 	font-size: 0.8em; 	line-height: 1.5em; 	padding: 0 2em; 	top: 15%; } .socity div.captions2 .t6 { 	height: 1.5em; 	font-size: 0.8em; 	line-height: 1.5em; 	padding: 0 2em; 	bottom: 15%; } .socity .soc_texcon .t2 { 	text-align: center; 	color: #666; 	line-height: 1.5em; 	font-size: 0.8em; 	margin-bottom: .2em; } .socity .soc_texcon .t1 { 	font-size: 0.9empx; 	padding-top: 0.5em; 	padding-bottom: 0.1em; 	color: #90c221; 	text-align: center; } .socity .soc_texcon a { 	height: auto; 	padding: 0.2em 0; 	line-height: 1.5em; 	margin-bottom: .5em; } .banner-info { 	left: 5%; 	width: 90%; 	margin-left: 0; } .services-grid-left { 	padding: 1em 2em; } .works-grid:hover div.caption { 	margin: 2em 0 0 2em; 	padding: 0.5em; 	min-height: 150px; } .banner { 	min-height: 450px; } .bannerin { 	min-height: 300px; } .works-head p { 	width: 80%; 	margin: 0em auto; 	font-size: 1em; } .banner-info h1 { 	font-size: 2.8em; } .about-head h2, .service-head h2, .works-head h2 { 	font-size: 1.8em; } .about-head p { 	font-size: 1em; 	width: 90%; 	margin: 0.5em auto; 	line-height: 1.5em; } .about { 	padding: 1em 0; } .about .about_con { 	width: 90%; 	margin: 0 auto; 	background-size: 100% auto; } .about .about_con h2 { 	padding-top: 2em; 	font-size: 1.5em; } .about .about_con p { 	font-size: 0.875em; 	width: 90%; 	margin: 0 auto; } .about .about_con a { 	font-size: 0.875em; } .works { 	padding: 1em 0; } .top-header { 	padding: 0em 0 1.7em; } .logo { 	margin-top: 0.5em; } .banner-info p { 	font-size: 1.8em; } .services-grid-left-grid p { 	width: 100%; } .services-grid-left-grid { 	padding: 0.5em 0; } .services-grid-right { 	display: none; } .about-grids { 	padding: 0em 0 0em; } .service-head p { 	font-size: 1em; 	margin: 0.4em 0; } .works-grid:nth-child(2), .works-grid:nth-child(3), .works-grid:nth-child(4), .works-grid:nth-child(5), .works-grid:nth-child(6) { 	display: none; } .contact-head h2 { 	font-size: 1.8em; } .contact-head p { 	font-size: 1em; 	width: 80%; 	line-height: 1.5em; } .Contact-form { 	padding: 1em 0 1em; 	margin-top: 1.5em; } .send-form { 	width: 90%; } .copy-right { 	padding: 1em 0; } .send-form input[type="submit"] { 	margin: 1.5em 0; } .about-grid { 	position: relative; 	padding: 0.5em 0; } .service.container { 	padding: 0; 	width: 100%; } .service .nav-tabs { 	width: 100%; 	margin: 0 auto; 	border: none; } .news .conatiner { 	width: 100%; 	margin: 0 auto; } .work .myTab_menu2 .nav-tabs { 	width: 100%; 	margin: 0 auto; 	border: none; } .news .conatiner .new_box li.new_sbox .fr p { 	font-size: 1em; } .news .conatiner .new_box li.new_sbox .fr a { 	font-size: 0.8em; 	line-height: 1.7em; } .copy-right .col-md-3 { 	width: 25%; 	float: left; } .copy-right .join .col-md-6 { 	width: 50%; 	float: left; 	padding: 0; } .news .conatiner .new_box li.new_sbox .fr .news_description { 	-webkit-line-clamp: 4; } } @media (max-width:480px) { nav a#pull { 	line-height: 3em; } .container { 	padding: 0; 	margin: auto; } .top-header { 	background-color: rgba(0,0,0,0.7); 	border: none; } .banner-info { 	left: 5%; 	width: 90%; 	margin-left: 0; } .services-grid-left { 	padding: 1em 2em; } .works-grid:hover div.caption { 	margin: 1.5em 0 0 1.5em; 	padding: 0.5em; 	min-height: 150px; } .banner { 	min-height: 380px; } .about { 	min-height: 380px; } .works-head p { 	width: 80%; 	margin: 0em auto; 	font-size: 1em; } .banner-info h1 { 	font-size: 2.2em; } .about-head h2, .service-head h2, .works-head h2 { 	font-size: 1.5em; } .about-head p { 	font-size: 1em; 	width: 90%; 	margin: 0.5em auto; 	line-height: 1.5em; } .about { 	padding: 1em 0; } .works { 	padding: 1em 0; } .top-header { 	padding: 0em 0 0.3em; } .logo { 	margin-top: 0.2em; 	margin-left: 0.2em; 	width: 30%; } .logo a { 	color: #303030; 	font-weight: 200; 	text-transform: uppercase; 	margin-top: 0.4em; 	margin-bottom: 0.4em; } .banner-info p { 	font-size: 1.3em; } .services-grid-left-grid p { 	width: 100%; } .services-grid-left-grid { 	padding: 0.5em 0; } .services-grid-right { 	display: none; } .about-grids { 	padding: 0em 0 0em; } .service-head p { 	font-size: 1em; 	margin: 0.4em 0; } .works-grid:nth-child(2), .works-grid:nth-child(3), .works-grid:nth-child(4), .works-grid:nth-child(5), .works-grid:nth-child(6) { 	display: none; } .contact-head h2 { 	font-size: 1.8em; } .contact-head p { 	font-size: 1em; 	width: 80%; 	line-height: 1.5em; } .Contact-form { 	padding: 1em 0 1em; 	margin-top: 1.5em; } .send-form { 	width: 90%; } .copy-right { 	padding: 1em 0; } .send-form input[type="submit"] { 	margin: 1.5em 0; } .about-grid { 	position: relative; 	padding: 0.5em 0; } .send-form span.text-box1, .send-form span.text-box2 { 	width: 80%; } .send-form input[type="submit"] { 	font-size: 1.1em; 	padding: 0.6em 2.2em; } .service .nav-tabs > li a { 	display: block; 	height: 6em; 	width: 100%; } .service .nav-tabs > li.myTab_menu1 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li.myTab_menu2 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li.myTab_menu3 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li.myTab_menu4 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li.myTab_menu1 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li.active.myTab_menu1 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li.active.myTab_menu2 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li.active.myTab_menu3 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li.active.myTab_menu4 { 	background-size: auto 40%; 	background-position: center 10%; } .service .nav-tabs > li a p { 	position: absolute; 	width: 80%; 	text-align: center; 	left: 10%; 	top: 75%; 	font-size: 0.5em; 	margin: 0; } .service .tab-content { 	padding: 2em 0.5em 2em; } .service .tab-content .col-md-6 { 	width: 100%; 	padding: 0.3em; } .service .tab-content .col-md-6 a.tab_con_btnm { 	width: 40%; 	height: 3em; } .service .tab-content .col-md-6 a.tab_con_btnc { 	width: 40%; 	height: 3em; 	margin-left: 20%; } .work .myTab_menu2 .nav-tabs > li { 	height: 4em; } .work .myTab_menu2 .nav-tabs > li a { 	height: 5em; 	line-height: 5em; 	font-size: 0.8em; 	text-indent: 0; 	text-align: center; } .work .myTab_menu2 .nav-tabs > li.myTab_menu11 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu12 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu13 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu14 a { 	background: none; } .work .myTab_menu2 .nav-tabs > li.active.myTab_menu11 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu12 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu13 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu14 a { 	height: 5em; 	width: 100%; 	line-height: 5em; 	font-size: 0.8em; 	color: #fff; 	text-align: center; 	background: #accf69; } .work .myTab_menu2 .nav-tabs > li.active a:after, .work .myTab_menu2 .nav-tabs > li.active a:after { 	display: none; } .work .myTab_menu2 .nav-tabs > li a:after { 	display: none; } .copy-right .guanzhu .erweim { 	text-align: left; } .copy-right .guanzhu img { 	width: 90%; } .work .tab-content .tab_con_tex .tab_con_tex1 { 	font-size: 1.5em; } .work .tab-content .tab_con_tex .tab_con_tex2 { 	font-size: 0.875em; 	width: 80%; } .news .conatiner .new_box li.new_sbox .fr p { 	font-size: .8em; } .news .conatiner .new_box li.new_sbox .fr a { 	font-size: 0.6em; 	line-height: 1.4em; } .news .conatiner .new_box li.new_sbox .fr .news_description { 	-webkit-line-clamp: 3; } } @media (max-width:320px) { nav a#pull { 	line-height: 1.6em; } .banner-info { 	left: 6.6%; 	top: 21%; } .services-grid-left { 	padding: 1em 2em; } .works-grid:hover div.caption { 	margin: 1em 0 0 1em; 	padding: 0.5em; 	min-height: 150px; } .banner { 	min-height: 320px; } .bannerin { 	min-height: 260px; } .works-head p { 	width: 80%; 	margin: 0em auto; 	font-size: 1em; } .banner-info h1 { 	font-size: 1.4em; 	margin: 0.2em 0 0.4em; } .about-head h2, .service-head h2, .works-head h2 { 	font-size: 1.2em; } .about-head p { 	font-size: 0.9em; 	width: 100%; 	margin: 0.3em auto; 	line-height: 1.5em; } .about { 	padding: 1em 0; } .works { 	padding: 1em 0; } .top-header { 	padding: 0em 0 1.7em; } .logo { 	margin-top: 0.5em; } .banner-info p { 	font-size: 1em; } .services-grid-left-grid p { 	width: 100%; } .services-grid-left-grid { 	padding: 0.5em 0; } .services-grid-right { 	display: none; } .about-grids { 	padding: 0em 0 0em; } .service-head p { 	font-size: 0.9em; 	margin: 0.4em 0; } .works-grid:nth-child(2), .works-grid:nth-child(3), .works-grid:nth-child(4), .works-grid:nth-child(5), .works-grid:nth-child(6) { 	display: none; } .contact-head h2 { 	font-size: 1.2em; } .contact-head p { 	font-size: 0.9em; 	width: 90%; 	line-height: 1.5em; 	margin: 0 auto; } .Contact-form { 	padding: 1em 0 1em; 	margin-top: 1.5em; } .send-form { 	width: 90%; } .copy-right { 	padding: 1em 0; } .send-form input[type="submit"] { 	margin: 1.5em 0; } .about-grid { 	position: relative; 	padding: 0.5em 0; } .send-form span.text-box1, .send-form span.text-box2 { 	width: 90%; } .send-form input[type="submit"] { 	font-size: 0.9em; 	padding: 0.7em 2.2em; } a.bannner-btn { 	padding: 0.8em 1.5em; 	font-size: 0.9em; } .about-head p label { 	font-size: 1.1em; } .about-grid label { 	display: none; } .about-grid p { 	line-height: 1.5em; 	margin: 0.4em auto; 	width: 100%; } .services-grid-left-grid h3 a { 	font-size: 0.9em; } .send-form label { 	border-bottom: 1px solid #7E8287; 	padding: 0.3em 0; 	font-size: 0.95em; } .send-form input[type="submit"], .send-form input[type="text"], .send-form textarea { 	-webkit-appearance: none; } .top-header { 	padding: 0em 0 0.3em; } .logo { 	margin-top: 0.2em; 	margin-left: 0.2em; 	width: 30%; } .logo a { 	color: #303030; 	font-weight: 200; 	text-transform: uppercase; 	margin-top: 0.2em; } .socity .column { 	padding: 0.5em 0.3em; } a#pull { 	line-height: 20px; 	top: 10px; } nav a#pull img { 	width: 20px; } .top-nav ul li a { 	line-height: 2em; } .news .conatiner .new_tit { 	padding-top: 2em; } .news .conatiner .news_des { 	padding-top: 1em; 	padding-left: 0.5em; 	padding-right: 0.5em; } .news .conatiner .new_box .center .new_con li a { 	font-size: 0.6em; } .news .conatiner .new_box li.new_sbox .fr p { 	font-size: 0.8em; } .news .conatiner .new_box li.new_sbox .fr a { 	font-size: 0.5em; } .copy-right .col-md-3 { 	width: 100%; } .copy-right .col-md-3 a { 	width: 50%; 	float: left; } .copy-right .join .col-md-6 { 	width: 100%; 	float: none; 	padding-right: 15px; 	padding-left: 15px; } .copy-right .join .hengx { 	width: 90%; } .copy-right .join .guanzhu .col-md-6 { 	width: 50%; 	float: none; 	padding: 0; 	float: left; } } .fadeInUp { }   .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination {   display: flex;   justify-content: center;   margin-top: 10px; } .pagination a {   background: #fff;   border: 1px solid #ccc;   color: #333;   font-size: 12px;   padding: 8px 10px;   margin: 0 2px;   border-radius: 3px; line-height:100% } .pagination span {     color: #333;     font-size: 12px;     padding: 7px 2px;     margin: 0 2px;     border-radius: 3px; } .pagination a:hover {   color: #333;   border: 1px solid #333; } .pagination a.page-num-current {   color: #fff;   background: #333;   border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} .new_sbox img{ height:61.5px; width:100%}