/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:bold
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:0.67em 0
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0
}
pre {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto
}
input[type="search"] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}
legend {
	border:0;
	padding:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:bold
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td,th {
	padding:0
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
body {
	font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif
}
.qy-container {
	max-width:1200px;
	width:100%;
	min-width:1200px
}
i {
	font-style:normal
}
ul {
	padding-left:0;
	margin-bottom:0
}
ul li {
	list-style-type:none
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
	border-bottom-width:1px
}
@media screen and (min-width:768px) {
	::-webkit-scrollbar {
	width:8px;
	height:9px;
	background:transparent
}
::-webkit-scrollbar-track {
	background:transparent
}
::-webkit-scrollbar-thumb {
	border-radius:5px;
	background-color:#c1c1c1
}
::-webkit-scrollbar-thumb:hover {
	background-color:#a8a8a8
}
.mini-bar::-webkit-scrollbar {
	width:5px;
	height:5px
}
.mini-bar::-webkit-scrollbar-thumb {
	border-radius:3px
}
}.ie7 .col-md-4,.ie8 .col-md-4 {
	width:33.33%;
	float:left;
	padding:0
}
.ie7 .col-md-6,.ie8 .col-md-6 {
	width:50%;
	float:left;
	padding:0
}
.ie7 header .navbar-default,.ie8 header .navbar-default {
	background-color:#14538c !important
}
.ie7 header .logo-wrapper,.ie8 header .logo-wrapper {
	display:inline-block;
	height:80px
}
.ie7 header .logo-wrapper .logo,.ie8 header .logo-wrapper .logo {
	display:block;
	max-width:117px;
	width:100%;
	padding:14px 0
}
.ie7 header .navbar-default,.ie8 header .navbar-default {
	background-color:#ddd
}
.ie7 header .banners .swiper-pagination-switch,.ie8 header .banners .swiper-pagination-switch {
	background-color:#fff;
	filter:alpha(opacity=40)
}
.ie7 header .banners .swiper-pagination-switch.swiper-active-switch,.ie8 header .banners .swiper-pagination-switch.swiper-active-switch {
	filter:alpha(opacity=100)
}
.ie7 header .banners .swiper-button-next,.ie7 header .banners .swiper-button-prev,.ie8 header .banners .swiper-button-next,.ie8 header .banners .swiper-button-prev {
	display:none
}
.ie7 header .navbar-hold-shrink.navbar-hold,.ie8 header .navbar-hold-shrink.navbar-hold {
	height:80px;
	top:0
}
.ie7 .content-right .section-content .row>div .bottom-title-wrapper .bottom-title,.ie8 .content-right .section-content .row>div .bottom-title-wrapper .bottom-title {
	background-color:#000;
	filter:alpha(opacity=60)
}
.ie7 .footer footer,.ie8 .footer footer {
	position:relative
}
.ie7 .footer footer .companys li,.ie8 .footer footer .companys li {
	display:block
}
.ie7 .footer footer .companys li a,.ie8 .footer footer .companys li a {
	display:block
}
.ie7 .footer footer .companys li a.first,.ie8 .footer footer .companys li a.first {
	padding:20px 20px 20px 25px
}
.ie7 .footer footer .companys li a.last,.ie8 .footer footer .companys li a.last {
	padding:14px 20px 14px 25px
}
.ie7 .footer footer .contact,.ie8 .footer footer .contact {
	position:absolute;
	top:0;
	right:0
}
.ie7 .channel-page .header-ghost,.ie8 .channel-page .header-ghost {
	background-color:#fbfbfb
}
.ie7 .channel-page .article-content,.ie8 .channel-page .article-content {
	background:#fbfbfb
}
.ie7 .row,.ie7 .content-right .section-content .row {
	margin-left:0;
	margin-right:0
}
.ie7 .col-md-4 {
	width:33.33%;
	float:left;
	padding:0
}
.ie7 .col-md-6 {
	width:50%;
	float:left;
	padding:0
}
.ie7 header .nav-pills>li>a {
	height:61px
}
.ie7 .content-right .section-content .row>div.col-md-4,.ie7 .content-right .section-content .row>div.col-md-6 {
	padding:0
}
.ie7 .clearfix after {
	display:table;
	clear:both;
	content:""
}
.ie7 .home-page .news {
	float:left
}
.ie7 .home-page .news.panel .panel-heading h3 {
	line-height:1.25
}
.ie7 .home-page .news.panel .panel-heading .more:hover {
	color:#ddd
}
.ie7 .home-page .news.panel .panel-body .media-left {
	float:left
}
.ie7 .home-page .news.panel .panel-body .media-body {
	max-width:435px
}
.ie7 .home-page .news.panel .panel-body ul li {
	width:100%
}
.ie7 .home-page .news.panel .panel-body ul li a {
	position:relative;
	display:block;
	float:right;
	width:98%
}
.ie7 .home-page .news.panel .panel-body ul li time {
	position:absolute;
	right:0;
	top:0
}
.ie7 .home-page header .companys {
	width:152px;
	height:52px
}
.ie7 .home-page header .companys li {
	float:left
}
.ie7 .home-page header .companys li+li {
	float:right
}
.ie7 .about-page .content .honor-section ul li {
	float:left
}
.ie7 .about-page .content .contact-section .panel {
	width:49%
}
.ie7 .about-page .content .contact-section .panel.even {
	padding-left:0
}
.ie7 .about-page .content .news-section ul li {
	position:relative;
	width:100%
}
.ie7 .about-page .content .news-section ul li before {
	position:absolute;
	top:8px;
	left:-15px;
	z-index:10
}
.ie7 .about-page .content .news-section ul li a {
	position:relative;
	width:100%;
	display:block
}
.ie7 .about-page .content .news-section ul li time {
	position:absolute;
	right:0
}
.ie7 .success-page .row .col-md-4>div {
	height:480px;
	padding:120px 42px 0
}
.ie7 .jobs-page .media-left {
	float:left
}
.ie7 .jobs-page .media-body {
	max-width:960px
}
.ie7 .jobs-page .media-body ul {
	margin-left:0
}
.ie7 .list-page .list-content ul.list li {
	position:relative;
	width:100%
}
.ie7 .list-page .list-content ul.list li before {
	position:absolute;
	top:8px;
	left:0;
	z-index:10
}
.ie7 .list-page .list-content ul.list li a {
	position:relative;
	display:block;
	margin-left:15px
}
.ie7 .list-page .list-content ul.list li time {
	position:absolute;
	right:0
}
.ie7 .list-page .list-content .pagination-wrapper {
	display:block;
	width:100%
}
.ie7 .list-page .list-content .pagination-wrapper .pagination>li {
	display:inline
}
.ie7 .home-page .products .swiper-container,.ie8 .home-page .products .swiper-container,.ie9 .home-page .products .swiper-container {
	position:relative
}
.ie7 .home-page .products .swiper-wrapper,.ie8 .home-page .products .swiper-wrapper,.ie9 .home-page .products .swiper-wrapper {
	max-height:205px
}
.ie7 .home-page .products .swiper-wrapper .swiper-slide,.ie8 .home-page .products .swiper-wrapper .swiper-slide,.ie9 .home-page .products .swiper-wrapper .swiper-slide {
	max-height:225px;
	position:relative;
	z-index:9
}
.ie7 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper,.ie8 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper,.ie9 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper {
	text-align:center
}
.ie7 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper img,.ie8 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper img,.ie9 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper img {
	border:1px solid #ccc
}
.ie7 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper p,.ie8 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper p,.ie9 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper p {
	bottom:5px;
	margin-top:-28px;
	text-align:center;
	width:100%;
	z-index:11
}
.ie7 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper p span,.ie8 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper p span,.ie9 .home-page .products .swiper-wrapper .swiper-slide .item-wrapper p span {
	background-color:#abb6c0;
	display:inline-block;
	border-radius:2px;
	color:#fff;
	padding:0 5px
}
.ie7 .home-page .products .swiper-wrapper .swiper-slide.swiper-slide-active,.ie8 .home-page .products .swiper-wrapper .swiper-slide.swiper-slide-active,.ie9 .home-page .products .swiper-wrapper .swiper-slide.swiper-slide-active {
	z-index:10
}
.ie7 .home-page .products .swiper-button-products-next,.ie7 .home-page .products .swiper-button-products-prev,.ie8 .home-page .products .swiper-button-products-next,.ie8 .home-page .products .swiper-button-products-prev,.ie9 .home-page .products .swiper-button-products-next,.ie9 .home-page .products .swiper-button-products-prev {
	width:65px;
	height:65px;
	background-color:rgba(0,0,0,0.1);
	background-size:65px 65px;
	border-radius:50%;
	position:absolute;
	top:50%;
	margin-top:-32.5px;
	cursor:pointer;
	z-index:20
}
.ie7 .home-page .products .swiper-button-products-next,.ie8 .home-page .products .swiper-button-products-next,.ie9 .home-page .products .swiper-button-products-next {
	right:0;
	background:#eee url(../images/next.png)
}
.ie7 .home-page .products .swiper-button-products-prev,.ie8 .home-page .products .swiper-button-products-prev,.ie9 .home-page .products .swiper-button-products-prev {
	left:0;
	background:#eee url(../images/prev.png)
}
.ie7 .content-right .section-content .bottom-title-wrapper,.ie8 .content-right .section-content .bottom-title-wrapper,.ie9 .content-right .section-content .bottom-title-wrapper {
	width:100%;
	left:0
}
.mobile {
	width:1200px
}
.mobile body {
	width:1200px
}
.mobile .wrapper {
	width:1200px
}
.mobile .wrapper .col-md-4 {
	float:left;
	width:33.333%
}
.mobile header .navbar-default {
	width:1200px
}
.mobile .success-page .banner {
	max-width:1200px;
	margin-left:-600px
}
.mobile .row .col-md-4.meteorology-wrapper,.mobile .row .col-md-4.environment-wrapper {
	margin-right:0
}
.wrapper {
	position:relative;
	overflow:hidden;
	width:100%
}
header .logo-wrapper {
	display:table;
	height:56px;
	margin-left:130px
}
header .logo-wrapper .logo {
	display:table-cell;
	height:100%;
	vertical-align:middle
}
header .logo-wrapper .logo img {
	height:40px
}
header .navbar-hold {
	transition:height 0.2s,background-color 0.2s;
	height:56px
}
header .navbar-hold.navbar-hold-shrink {
	height:56px;
	top:0px;
	background-color:#121b2a
}
header .navbar-default {
	background-color:#121b2a;
	position:fixed;
	width:100%;
	border:none;
	top:0
}
header .qy-container {
	height:56px;
	position:relative
}
header .navbar {
	margin-bottom:0
}
header .nav-pills {
	height:100%;
	margin-left:94px
}
header .nav-pills>li {
	height:100%
}
header .nav-pills>li>a {
	height:100%;
	border-radius:0;
	font-size:14px;
	line-height:60px;
	color:rgba(255,255,255,0.7);
	position:relative
}
header .nav-pills>li>a:after {
	content:"";
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	content:"";
	height:3px;
	background:#fff;
	transition:all 0.4s ease-in;
	width:0;
	bottom:7px
}
header .nav-pills>li>a after {
	content:"";
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	content:"";
	height:3px;
	background:#fff;
	transition:all 0.4s ease-in;
	width:0;
	bottom:7px
}
header .nav-pills>li>a:hover,header .nav-pills>li>a:focus {
	background-color:transparent
}
header .nav-pills>li>a:hover:after,header .nav-pills>li>a:focus:after {
	width:50px;
	left:50%;
	bottom:7px;
	transform:translateX(-50%)
}
header .nav-pills>li.active a,header .nav-pills>li.active a:focus,header .nav-pills>li.active a:hover {
	background-color:transparent
}
header .nav-pills>li.active a:after,header .nav-pills>li.active a:focus:after,header .nav-pills>li.active a:hover:after {
	width:50px;
	left:50%;
	content:"";
	transform:translateX(-50%)
}
header .nav-pills>li.active a after,header .nav-pills>li.active a:focus after,header .nav-pills>li.active a:hover after {
	width:50px;
	left:50%;
	content:"";
	transform:translateX(-50%)
}
header .nav-pills>li+li {
	margin-left:20px
}
header .companys {
	position:absolute;
	right:5px;
	top:0;
	width:176px;
	height:168px;
	background:url(../images/companys.png) no-repeat center;
	padding:100px 12px 12px 16px;
	z-index:-1
}
header .companys li {
	display:inline-block;
	width:67px
}
header .companys li img {
	transition:all 0.1s ease-in-out
}
header .companys li img:hover {
	margin-top:-5px
}
header .companys li+li {
	margin-left:9px
}
header .banner {
	position:relative;
	top:0;
	transition:top 0.2s
}
header .banner.banner-shrink {
	top:0px
}
header .banner img {
	width:100%
}
.breadcrumb-wrapper {
	margin-top:30px;
	margin-bottom:3px
}
.breadcrumb-wrapper ul {
	margin-left:0
}
.breadcrumb-wrapper ul li {
	float:left
}
.breadcrumb-wrapper ul li a,.breadcrumb-wrapper ul li span {
	font-size:12px;
	color:#00448a;
	line-height:28px
}
.breadcrumb-wrapper ul li a:hover {
	cursor:pointer;
	text-decoration:none;
	color:#303640
}
.breadcrumb-wrapper ul li+li:before {
	content:">";
	padding:0 5px;
	color:#00448a
}
.sidebar .sidebar-nav {
	position:relative
}
.sidebar.sidebar-fixed {
	position:fixed;
	top:60px
}
.sidebar .nav-pills>li {
	position:relative;
	float:left
}
.sidebar .nav-pills>li:after {
	content:"";
	height:0;
	transition:height 0.4s ease-in
}
.sidebar .nav-pills>li>a {
	font-size:16px;
	color:#6e6e6e;
	height:40px;
	line-height:40px;
	margin-right:17px;
	padding:0
}
.sidebar .nav-pills>li>a:hover {
	color:#00448a;
	font-weight:600;
	background-color:transparent
}
.sidebar .nav-pills>li>a:focus {
	outline:none;
	background-color:transparent
}
.sidebar .nav-pills>li.active a,.sidebar .nav-pills>li.active a:hover,.sidebar .nav-pills>li.active a:focus {
	background-color:transparent;
	color:#00448a;
	font-weight:600
}
.sidebar .nav-pills>li:active a,.sidebar .nav-pills>li:active a:hover,.sidebar .nav-pills>li:active a:focus,.sidebar .nav-pills>li:focus a,.sidebar .nav-pills>li:focus a:hover,.sidebar .nav-pills>li:focus a:focus,.sidebar .nav-pills>li:hover a,.sidebar .nav-pills>li:hover a:hover,.sidebar .nav-pills>li:hover a:focus {
	background-color:transparent;
	color:#00448a;
	font-weight:600
}
.sidebar .nav-pills>li:active:after,.sidebar .nav-pills>li:focus:after,.sidebar .nav-pills>li:hover:after {
	width:5px;
	height:100%;
	display:block;
	position:absolute;
	right:0;
	top:0;
	background-color:#00448a
}
.sidebar .cover-layer {
	width:5px;
	height:40px;
	display:block;
	position:absolute;
	background-color:#00448a;
	right:0;
	top:1px
}
.content-right {
	padding:40px 0
}
.anchor-title {
	position:relative;
	margin-bottom:40px
}
.anchor-title:before {
	content:"";
	height:1px;
	width:100%;
	border-bottom:1px solid #c9c9c9;
	display:block;
	position:absolute;
	top:50%;
	z-index:4
}
.anchor-title before {
	content:"";
	height:1px;
	width:100%;
	border-bottom:1px solid #c9c9c9;
	display:block;
	position:absolute;
	top:20px;
	z-index:4
}
.anchor-title .anchor-title-inner {
	text-align:center;
	margin:0
}
.anchor-title .section-title {
	padding:10px 20px;
	color:#084079;
	font-size:20px;
	background-color:#fff;
	display:inline-block;
	font-weight:600
}
.anchor-title .circle-bg {
	position:relative;
	z-index:10
}
.anchor-title .circle-bg:before,.anchor-title .circle-bg:after {
	content:"";
	display:block;
	position:absolute;
	background:url(../images/circle-icon.png) no-repeat;
	width:7px;
	height:7px;
	top:50%;
	margin-top:-3px
}
.anchor-title .circle-bg:before {
	left:0
}
.anchor-title .circle-bg:after {
	right:0
}
.anchor-title .circle-bg before,.anchor-title .circle-bg after {
	content:"";
	display:block;
	position:absolute;
	background:url(../images/circle-icon.png) no-repeat;
	width:7px;
	height:7px;
	top:50%;
	margin-top:-3px
}
.anchor-title .circle-bg before {
	left:0
}
.anchor-title .circle-bg after {
	right:0
}
.detail-main h1 {
	text-align:center;
	color:#084079;
	margin-bottom:30px
}
.detail-main article {
	padding-top:65px;
	padding-bottom:84px
}
.detail-main article.list-content {
	padding-top:20px
}
.detail-main p {
	text-indent:2em;
	font-size:14px;
	line-height:30px;
	color:#3e3e3e
}
.detail-main .detail-h2 {
	font-size:22px;
	color:#3eabca;
	margin-top:30px;
	margin-bottom:20px
}
.detail-main .detail-h2:before,.detail-main .detail-h2 before {
	content:"["
}
.detail-main .detail-h2:after,.detail-main .detail-h2 after {
	content:"]"
}
.detail-main .detail-h3 {
	font-size:18px;
	color:#7bbfd2;
	margin-top:30px;
	margin-bottom:20px
}
.detail-main .detail-h3:before,.detail-main .detail-h3 before {
	border-radius:50% 0 0 50%;
	background:#76bdd0;
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	border-right:2px solid #6fa1af;
	color:#fff;
	text-align:center;
	font-size:14px;
	line-height:20px;
	padding-left:7px
}
.detail-main .detail-h3.step-1:before,.detail-main .detail-h3.step-1 before {
	content:"1"
}
.detail-main .detail-h3.step-2:before,.detail-main .detail-h3.step-2 before {
	content:"2"
}
.detail-main .detail-h3.step-3:before,.detail-main .detail-h3.step-3 before {
	content:"3"
}
.detail-main .detail-h3.step-4:before,.detail-main .detail-h3.step-4 before {
	content:"4"
}
.detail-main .detail-h3.step-5:before,.detail-main .detail-h3.step-5 before {
	content:"5"
}
.detail-main .detail-h3.step-6:before,.detail-main .detail-h3.step-6 before {
	content:"6"
}
.detail-main .detail-h3.step-7:before,.detail-main .detail-h3.step-7 before {
	content:"7"
}
.detail-main .detail-h3.step-8:before,.detail-main .detail-h3.step-8 before {
	content:"8"
}
.detail-main .detail-h3.step-9:before,.detail-main .detail-h3.step-9 before {
	content:"9"
}
.detail-main .detail-ul li {
	position:relative;
	padding-left:15px
}
.detail-main .detail-ul li:before,.detail-main .detail-ul li before {
	content:"";
	display:block;
	width:6px;
	height:6px;
	position:absolute;
	border:1px solid #59b117;
	border-radius:50%;
	left:0;
	top:8px
}
.detail-main .detail-ul li+li {
	margin-top:10px
}
.footer-top {
	background-color:#121b2a;
	width:100%;
	bottom:0;
	height:348px;
	z-index:10
}
.footer-top .footer-top-content .left-content-wrap {
	margin:60px 0;
	float:left;
	width:60%;
	height:228px;
	border-right:2px solid #576377
}
.footer-top .footer-top-content .left-content-wrap .left-content {
	float:left;
	margin-left:20px
}
.footer-top .footer-top-content .left-content-wrap .left-content .title {
	height:20px;
	margin-bottom:28px;
	font-size:14px;
	color:#97a1af;
	line-height:20px
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap {
	height:228px;
	overflow:auto
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort {
	font-size:12px
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .sort {
	float:left;
	width:65px;
	margin-right:8px;
	text-align:center;
	background:url("../images/footer-blue.png") no-repeat;
	background-size:100% 100%;
	color:#fff
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap {
	float:left
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap .product {
	margin-bottom:11px;
	color:#576377
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap .product a {
	text-decoration:none;
	color:#576377
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap .product a:hover {
	color:#2196f3
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap .product img {
	width:44px;
	height:44px;
	margin-right:17px
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap .product2 {
	float:left;
	margin-bottom:11px;
	width:72px;
	margin-right:16px;
	color:#576377
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap .product2 a {
	text-decoration:none;
	color:#576377
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap .product2 a:hover {
	color:#2196f3
}
.footer-top .footer-top-content .left-content-wrap .left-content .product-sort-wrap .product-sort .product-wrap .product2 img {
	margin-top:12px;
	width:44px;
	height:44px
}
.footer-top .footer-top-content .left-content-wrap .w20 {
	width:20%
}
.footer-top .footer-top-content .right-content-wrap {
	float:left;
	width:40%;
	height:228px;
	padding:60px 0 60px 100px
}
.footer-top .footer-top-content .right-content-wrap .app-wrap {
	font-size:14px;
	color:#97a1af;
	margin-bottom:26px
}
.footer-top .footer-top-content .right-content-wrap .app-wrap .follow {
	margin-left:65px
}
.footer-top .footer-top-content .right-content-wrap .qrcpde-wrap .qrcpde {
	float:left;
	margin-right:50px
}
.footer-top .footer-top-content .right-content-wrap .qrcpde-wrap .qrcpde .desc {
	text-align:left;
	font-size:12px;
	color:#576377;
	margin-bottom:5px;
	margin-left:2px
}
.footer-top .footer-top-content .right-content-wrap .qrcpde-wrap .qrcpde .desc img {
	width:14px
}
.footer-top .footer-top-content .right-content-wrap .qrcpde-wrap .qrcpde .img-wrap {
	width:90px;
	height:90px
}
.footer-top .footer-top-content .right-content-wrap .qrcpde-wrap .qrcpde .img-wrap img {
	margin-top:12px;
	width:100%
}
.footer-bottom {
	height:72px;
	background-color:#090d19
}
.footer-bottom .logo {
	height:15px;
	margin-top:28px;
	vertical-align:middle
}
.footer-bottom .logo2 {
	margin-left:30px;
	height:20px;
	margin-top:28px;
	vertical-align:middle
}
.footer-bottom .copyright {
	float:right;
	vertical-align:middle;
	color:#576377;
	height:54px;
	padding:15px 24px;
	font-size:14px;
	line-height:36px
}
.back-to-top {
	display:none;
	position:fixed;
	left:50%;
	margin-left:550px;
	bottom:60px
}
.back-to-top a {
	display:block;
	width:50px;
	height:50px;
	background-image:url(../images/go_to_top.png);
	opacity:0.5;
	filter:alpha(opacity=50);
	background-repeat:no-repeat;
	transition:background-image 0.3s,opacity 0.3s
}
.back-to-top a:hover {
	opacity:1;
	filter:alpha(opacity=100)
}
.nav>li>a {
	padding:0 15px
}
.drawer-wrap {
	display:none;
	width:1200px;
	height:320px;
	position:absolute;
	top:56px;
	z-index:100;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(255,255,255,0.9)
}
.drawer-wrap .drawer-content {
	margin:30px
}
.drawer-wrap .drawer-content .content-wrap {
	float:left;
	width:15%;
	margin:0 1.5%;
	overflow:auto
}
.drawer-wrap .drawer-content .content-wrap .title {
	font-size:18px;
	color:#333333
}
.drawer-wrap .drawer-content .content-wrap hr {
	border-top:1px solid #979797;
	margin:15px 0
}
.drawer-wrap .drawer-content .content-wrap .content-item-wrap {
	font-size:14px;
	color:#646464;
	float:left
}
.drawer-wrap .drawer-content .content-wrap .content-item-wrap .content-item {
	margin-bottom:20px;
	cursor:pointer
}
.drawer-wrap .drawer-content .content-wrap .content-item-wrap .content-item a {
	text-decoration:none;
	color:#646464
}
.drawer-wrap .drawer-content .content-wrap .content-item-wrap .content-item a:hover {
	color:#008ff6
}
.drawer-wrap .drawer-content .content-wrap .equipment {
	width:60%
}
.drawer-wrap .drawer-content .content-wrap .equipment2 {
	width:40%
}
.drawer-wrap .drawer-content .w10 {
	width:10%
}
.drawer-wrap .drawer-content .w15 {
	width:15%
}
.drawer-wrap .drawer-content .w18 {
	width:18%
}
.drawer-wrap .drawer-content .w20 {
	width:20%
}
.drawer-wrap .drawer-content .w28 {
	width:28%
}
.drawer-wrap .drawer-content .w34 {
	width:34%
}
.drawer-wrap .drawer-content .w32 {
	width:32%
}
.drawer-wrap .drawer-content .w11 {
	width:11%
}
.business-wrap,.contact-wrap,.success-wrap {
	display:none;
	width:300px;
	height:95px;
	position:absolute;
	top:56px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	margin-left:860px;
	z-index:100;
	background-color:rgba(255,255,255,0.9)
}
.business-wrap a,.contact-wrap a,.success-wrap a {
	float:left;
	width:50%;
	height:100%;
	line-height:95px;
	text-align:center;
	font-size:16px;
	color:#373737;
	text-decoration:none;
	cursor:pointer
}
.business-wrap a:hover,.contact-wrap a:hover,.success-wrap a:hover {
	color:#008ff6
}
.success-wrap {
	margin-left:645px
}
.business-wrap {
	margin-left:325px;
	height:120px
}
.business-wrap a {
	float:left;
	width:50%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:16px;
	color:#373737;
	text-decoration:none;
	cursor:pointer
}
.business-wrap a:hover {
	color:#008ff6
}
.nav-justified {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:center;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	height:56px;
	background-color:#fff;
	box-shadow:0px 2px 4px 0px rgba(175,175,175,0.5)
}
.nav-justified li {
	width:150px;
	height:56px;
	line-height:56px;
	position:relative
}
.nav-justified li a {
	color:#646464
}
.nav-justified li .line {
	display:none;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width:50px;
	height:2px;
	background-color:#008ff6;
	text-align:center
}
.nav-justified .active a {
	font-weight:bold;
	color:#333333
}
.nav-justified .active:hover {
	background-color:none !important
}
.nav-justified .active .line {
	display:block
}
.banner {
	padding-top:56px !important;
	height:296px !important;
	background:url(../images/business-banner.png) no-repeat !important;
	background-size:auto 100% !important;
	color:#fff !important;
	text-align:center !important; 
}
.banner .title {
	margin-top:82px;
	margin-bottom:4px;
	font-size:32px
}
.banner .desc {
	margin-bottom:63px;
	font-size:14px
}
.banner .consult {
	display:inline-block;
	width:120px;
	height:36px;
	line-height:36px;
	background-color:#008ff6;
	cursor:pointer;
	color:#fff;
	text-decoration:none
}
.main {
	background-color:#fff;
}
.nav>li>a:hover,.nav>li>a:focus {
	text-decoration:none;
	background-color:#fff
}
.banner {
	background:url("../images/business-banner.png") center bottom no-repeat
}
.banner .desc {
	color:#e0e0e0
}
.content-right .col-md-4 {
	padding:8px;
	height:270px;
	margin-bottom:30px
}
.content-right .col-md-4 a {
	height:270px;
	display:inline-block;
	text-decoration:none !important
}
.content-right .col-md-4 a:hover {
	box-shadow:0px 0px 16px 0px rgba(148,148,148,0.6)
}
.content-right .col-md-4 img {
	width:378px;
	height:220px
}
.content-right .col-md-4 .bottom-title-wrapper {
	position:absolute;
	padding:0 20px;
	width:378px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#fff;
	color:#333;
	font-size:16px;
	overflow:hidden
}
.content-right .col-md-4 .bottom-title-wrapper .bottom-title {
	margin-top:20px !important
}
.content-right .col-md-4 .bottom-title-wrapper .rise-title {
	display:inline-block;
	width:100%;
	font-size:20px;
	margin-top:15px;
	margin-bottom:5px;
	text-align:center;
	line-height:50px
}
.content-right .col-md-4 .bottom-title-wrapper .rise-desc {
	font-size:12px;
	color:#9e9e9e;
	line-height:17px;
	text-align:left;
	margin-bottom:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	text-indent:2rem
}
.content-right .col-md-4 .bottom-title-wrapper .rise-ell4 {
	-webkit-line-clamp:4 !important
}
.content-right .section-content .row>div.col-md-4 {
	padding:0 16px 7px 16px
}

.tab-content h2{
    font-size:24px;
    color:rgba(51,51,51,1);
    text-align: center;
    margin: 0 0 30px 0;
}
.tab-content .title{
    height:45px;
    background:rgba(239,239,239,1);
    font-size:20px;
    color:rgba(51,51,51,1);
    line-height: 45px;
    text-align: center;
    margin-top: 30px;
}
.tab-content h4{
    font-size:18px;
    color:rgba(51,51,51,1);
    line-height: 24px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: 30px 0 20px 0;
}
.tab-content p{
    font-size:16px;
    color:rgba(158,158,158,1);
    line-height:24px;
    text-indent: 2em;
    margin: 0;
}
.tab-content img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.tab-content .des{
    text-align: center;
    font-size:14px;
    color:#008FF6;
    margin: 30px 0;
}
.tab-content .img-des{
    text-align: center;
    font-size:14px;
    color:#333;
    margin: 30px 0;
}
.solution-list,.product-list{
    overflow: hidden;
}
.solution-list li{
    position: relative;
    width: 297px;
    height: 191px;
    float: left;
		margin-left: 14px;
		margin-bottom: 14px;
    overflow: hidden;
}
.solution-list li img{
	height: 100%;
	width: 100%;
}
.solution-list li span,.product-list li span{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size:18px;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height:30px;
    background: rgba(0,0,0,.6);
    top: 191px;
    transition: all 0.2s;
}
.solution-list li span{
    padding: 60px 0;
}
.product-list li span{
    padding: 50px 0;
}
.product-list li span{
    border-radius: 50%;
    top: 160px;
}
.solution-list li:hover span,.product-list li:hover span{
    top: 0;
}
.solution-list li:first-child,.solution-list li:nth-child(4){
    margin-left: 0;
}
.product-list li{
    position: relative;
    float: left;
    width: 160px;
    height: 160px;
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 50%;
    overflow: hidden;
}
.product-list li img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.product-list li:nth-child(5n){
    margin-right: 0;
}

