@charset "utf-8"; 

article, aside, blockquote, body, button, code, dd, details, div, dl, dt,
	fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,
	header, hgroup, hr, html, input, legend, li, menu, nav, ol, p, pre,
	section, td, textarea, th, ul {
	margin: 0;
	padding: 0
}

p {
	margin-right: 0;
	padding: 0
}

body {
	font-size: 14px;
	color: #7d828e
}

.pr {
	position: relative
}

i {
	font-style: normal
}

b {
	font-weight: 400
}

a {
	text-decoration: none
}

.clear {
	clear: both;
	overflow: hidden
}

.clearfix:after {
	content: ".";
	font-size: 0;
	display: block;
	clear: both;
	height: 0;
	overflow: hidden
}

ul li {
	list-style: none
}

.fl, .lf {
	float: left
}

.fr, .rt {
	float: right
}

.header {
	background: #f5f7fa;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e4e7eb
}

.header_ul li {
	float: right;
	margin-left: 25px
}

.header_ul li a {
	color: #3e3e3e
}

.header_ul li:hover a {
	color: #ef4d03
}

.welcome {
	color: #3e3e3e
}

.wrapper {
	width: 1190px;
	margin: 0 auto
}

.header-portal {
	z-index: 20;
	clear: both;
	height: 100px;
	line-height: 100px;
	background: #fff
}

.header-portal .nav ul li {
	float: left;
	margin: 0 26px;
	position: relative
}

.header-portal .nav ul li a {
	color: #3e3e3e;
	font-size: 16px
}

.header-portal .nav ul {
	height: 45px;
	line-height: 45px;
	margin-top: 26.5px
}

.header-portal .nav ul li {
	cursor: pointer;
	border: 2px solid transparent
}

.header-portal .nav ul li:hover {
	border-bottom: 2px solid #ef4d03
}

.header-portal .nav ul li:hover a {
	color: #ef4d03
}

.header-portal .nav ul li.active {
	border-bottom: 2px solid #ef4d03
}

.header-portal .nav ul li.active a {
	color: #ef4d03
}

.header-portal .nav ul li:last-child {
	margin-right: 0
}

.header-portal.header-fixed {
	position: fixed;
	top: -60px;
	display: none;
	left: 0;
	right: 0;
	height: 62px;
	z-index: 6;
	line-height: 62px;
	box-shadow: #999 0 0 10px;
	border-bottom: #e4e7eb 1px solid;
	animation: searchTop .5s ease-in-out
}

.header-portal .logo img {
	margin-top: 24.5px
}

.header-portal .logo a, .header-portal .logo img {
	float: left
}

@
keyframes searchTop { 0%{
	top: -50px
}

100%{
top
:
0
}
}
.swapImg {
	position: absolute;
	width: 100%;
	height: 500px
}

.swapImg img {
	height: 500px;
	width: 100%
}

.banner-wrap {
	clear: both;
	width: 100%;
	height: 350px;
	position: relative;
	text-align: center;
	border: 1px solid green
}

.solve_box {
	margin-bottom: 40px
}

.solve_container {
	background: #fff;
	clear: both;
	overflow: hidden;
	height: 590px;
	margin-top: 99px
}

.solve_ul li {
	width: 230px;
	height: 292px;
	padding: 30px 33px;
	float: left;
	position: relative;
	margin-top: 30px;
	border-radius: 2px
}

.solve_ul li .img_css {
	height: 155px;
	text-align: center
}

.solve_ul li div div:nth-child(2) {
	text-align: center;
	font-size: 18px;
	margin-bottom: 24px
}

.solve_ul .pop_distail {
	width: 230px;
	height: 292px;
	padding: 30px 33px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .8;
	background-color: #2f6dac;
	box-shadow: 0 0 16px .1px #2f6dac
}

.solve_ul .pop_distail p {
	line-height: 23px
}

.solve_ul .pop_distai2 {
	display: none
}

.solve_ul li:hover {
	border-radius: 2px
}

.solve_ul li:hover .pop_distail {
	opacity: .8;
	width: 230px;
	border-radius: 2px;
	height: 292px;
	padding: 30px 33px;
	display: block;
	color: #fff;
	z-index: 1
}

.solve_ul li:hover .pop_distail img {
	display: none
}

.solve_ul li:hover .pop_distai2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	border-radius: 2px;
	height: 292px;
	padding: 30px 33px;
	display: block;
	color: #fff;
	z-index: 5
}

.solve_ul li:hover .pop_distai2 div {
	font-size: 18px;
	margin-bottom: 24px;
	margin-top: 50px
}

.solve_ul li:hover .pop_distai2 p {
	line-height: 23px
}

.solve_ul li:hover div div {
	text-align: center
}

.introduce_container {
	background-color: #eceff4;
	clear: both;
	overflow: hidden
}

.introduce_ul {
	clear: both;
	overflow: hidden;
	margin-bottom: 50px
}

.introduce_ul li.li_mb {
	margin-bottom: 69px
}

.introduce_ul li {
	width: 486px;
	float: left;
	display: inline-block;
	color: #7d828e
}

.introduce_ul li div {
	float: left
}

.introduce_ul li div h2 {
	font-size: 18px;
	color: #3e3e3e;
	font-weight: 400;
	margin-bottom: 20px
}

.introduce_ul li div:first-child {
	width: 58px;
	margin-right: 36px
}

.introduce_ul li div:last-child {
	width: 391px
}

.introduce_ul li:nth-child(odd) {
	margin-right: 186px
}

.cooperation_container {
	margin-bottom: 102px
}

.cooperation_box, .introduce_box, .solve_box {
	text-align: center;
	margin-top: 58px
}

.cooperation_box p, .introduce_box p, .solve_box p {
	margin-top: 1px;
	margin-bottom: 17px;
	color: #7d828e
}

.cooperation_box .cooperation, .cooperation_box .introduce,
	.cooperation_box .solve, .introduce_box .cooperation, .introduce_box .introduce,
	.introduce_box .solve, .solve_box .cooperation, .solve_box .introduce,
	.solve_box .solve {
	color: #3e3e3e;
	font-size: 30px
}

.introduce_box {
	margin-bottom: 71px
}

.cooperation_box div:last-child, .introduce_box div:last-child,
	.solve_box div:last-child {
	height: 0;
	width: 60px;
	border-bottom: 2px solid #3e3e3e;
	text-align: center;
	position: relative;
	left: 50%;
	margin-left: -30px
}

.intr_com{
	display: inline-block;
	width: 59px;
	height: 60px;
	margin-top: 4px;
}

.safety {
	background: url(../../images/index/safety.jpg) no-repeat
}

.simple {
	background: url(../../images/index/simple.jpg) no-repeat
}

.convenient{
	background: url(../../images/index/convenient.jpg) no-repeat
}

.efficient {
	background: url(../../images/index/efficient.jpg) no-repeat
}

.footer {
	background-color: #292c31;
	height: 329px;
	position: relative
}

.footer footer {
	position: absolute;
	clear: both;
	overflow: hidden;
	text-align: center;
	width: 100%;
	height: 58px;
	line-height: 58px;
	border-top: 1px solid #3b3f45;
	bottom: 0
}

.contact_content {
	margin-top: 42px
}

.contact_content .coo {
	margin-top: 43px;
	margin-bottom: 10px
}

.contact_content .contact_box p {
	margin-top: 5px;
	margin-bottom: 5px
}

.contact_content .contact_box p .icon_com {
	display: inline-block;
	width: 16px;
	height: 14px;
	margin-right: 5px;
	background: url(../../images/index/tel_img.png) no-repeat
}

.contact_content .contact_box p b.name {
	background-position-x: -16px
}

.contact_content .contact_box p b.email {
	background-position-x: -32px
}

.contact_content .contact_box p b.adress {
	background-position-x: -48px
}

.contact_content ul {
	clear: both;
	overflow: hidden
}

.contact_content ul li {
	float: left
}

.contact_content ul li a {
	color: #fff;
	margin-right: 71px
}

.footer_img {
	margin-right: 86px;
	margin-top: 113px
}

.map_box {
	position: relative;
	margin-top: 53px;
	margin-left: 16px
}

.map_box .phone {
	position: absolute;
	top: 46px;
	left: 259px
}

.main, .main_i, .slider {
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 2
}

.main {
	overflow: hidden;
	z-index: 1
}

.main_i {
	opacity: 0;
	position: absolute;
	right: 50%;
	top: 0;
	-webkit-transition: all .8s
}

.margin_i_right {
	right: -50%
}

#main_background, .main_i_active {
	opacity: 1;
	right: 0;
	z-index: 2
}

#main_background {
	z-index: 1
}

.main_i img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%
}

.main_i .caption {
	position: absolute;
	left: 10%;
	top: 20%;
	z-index: 999
}

.main_i .caption h2 {
	font-size: 60px;
	line-height: 50px;
	color: #B5B5B5;
	text-align: right;
	margin-right: -45px
}

.main_i .caption h3 {
	font-size: 70px;
	line-height: 70px;
	color: #000;
	text-align: right;
	margin-right: 45px
}

.main_i .caption h2, .main_i .caption h3 {
	opacity: 0;
	-webkit-transition: all 1s .8s
}

.ctrl {
	width: 100%;
	height: 13px;
	line-height: 13px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -81px
}

.ctrl_i {
	z-index: 9;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 5px;
	background: #FFF;
	border-radius: 6px;
	position: relative;
	top: -19px;
	filter: "alpha(opacity=40)";
	-webkit-transition: all .3s;
	transition: all .3s
}

.ctrl_i img {
	z-index: 988;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 50px;
	opacity: 0;
	-webkit-transition: all .5s
}

.ctrl_i:hover {
	background-color: #F0F0F0
}

.ctrl_i:hover img {
	bottom: 13px;
	opacity: 1
}

.ctrl_i.ctrl_i_active, .ctrl_i.ctrl_i_active:hover {
	width: 24px;
	background-color: #ef4d03;
	filter: "alpha(opacity=70)"
}

.ctrl_i_active:hover img {
	opacity: 0
}

.main_i_active .caption h2, .main_i_active .caption h3 {
	margin-right: 0;
	opacity: 1
}

.ctrl_i {
	cursor: pointer
}

.coo_tab {
	margin-top: 68px;
	border-collapse: collapse;
	width: 100%
}

.coo_tab tr td {
	width: 246px;
	height: 120px;
	border-right: 1px solid #e4e7ec;
	border-bottom: 1px solid #e4e7ec;
	text-align: center;
	vertical-align: middle
}

.coo_tab tr td .coo_com {
	display: inline-block;
	width: 194px;
	height: 69px;
	background: url(../../images/index/coo_com.gif) no-repeat
}

.coo_tab tr td .img1 {
	background-position: 16px 0
}

.coo_tab tr td .img2 {
	background-position: -231px 0
}

.coo_tab tr td .img3 {
	background-position: -479px 0
}

.coo_tab tr td .img4 {
	background-position: -724px -2px
}

.coo_tab tr td .img5 {
	background-position: -975px 0
}

.coo_tab tr td .img6 {
	background-position: -15px -180px
}

.coo_tab tr td .img7 {
	background-position: -231px -180px
}

.coo_tab tr td .img8 {
	background-position: -480px -180px
}

.coo_tab tr td .img9 {
	background-position: -724px -180px
}

.coo_tab tr td .img10 {
	background-position: -973px -180px
}

.coo_tab tr td .im1_tr1:hover {
	background-position-y: -86px
}

.coo_tab tr td .im1_tr1.img4:hover {
	background-position-y: -88px
}

.coo_tab tr td .im1_tr2:hover {
	background-position-y: -255px
}

.coo_tab tr:last-child td {
	border-bottom: none
}

.coo_tab tr td:last-child {
	border-right: none
}

.two-level-nav {
	display: none;
	background: #FFF;
	border: 1px solid #e4e7eb;
	width: 62px;
	height: 100px;
	text-align: center;
	position: absolute;
	top: 46px;
	left: 0;
	z-index: 99;
}

.two-level-nav p {
	height: 25px;
	line-height: 25px;
}

.two-level-nav p a {
	color: #3e3e3e !important;
	font-size: 12px !important;
}

.two-level-nav p a:hover {
	color: #ef4d03 !important;
}