@import 'content.css';

@import "home.css";

html {
	font-family: microsoft yahei,helvetica,simhei,simsun,sans-serif
}

body {
	font-size: 12px
}

h1 {
	font-size: 18px
}

h2 {
	font-size: 16px
}

h3 {
	font-size: 14px
}

address,cite,dfn,em,var {
	font-style: normal
}

small {
	font-size: 12px
}

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
}

input,button,select,img {
	margin: 0;
	line-height: normal
}

select {
	padding: 1px
}

ul,ol {
	list-style: none
}

select,input,button,button img,label {
	vertical-align: middle
}

header,footer,section,aside,nav,hgroup,figure,figcaption {
	display: block;
	margin: 0;
	padding: 0;
	border: none
}

a {
	text-decoration: none;
	color: #666;
	cursor: pointer
}

a:hover {
	color: #db251c
}

img {
	border: none
}

.fL {
	float: left
}

.fR {
	float: right
}

a {
	color: #4a4a4a;
	font-size: 14px;
	line-height: 22px;
	cursor: pointer
}

a:hover {
	color: #097ada
}

a.d_line {
	position: relative
}

a.d_line:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 100%;
	background: #097ada;
	transform: scale(0);
	transition: all .3s
}

a.d_line:hover:before {
	transform: scale(1)
}

.btn {
	display: inline-block;
	cursor: pointer;
	width: 100px;
	height: 34px;
	line-height: 34px;
	color: #4a4a4a;
	letter-spacing: 1px;
	background-color: #fff;
	text-align: center
}

.btn:hover {
	background-color: #097ada;
	color: #fff
}

.btn-primary {
	display: inline-block;
	cursor: pointer;
	width: 100px;
	height: 34px;
	line-height: 34px;
	color: #097ada;
	letter-spacing: 1px;
	background-color: #fff;
	text-align: center
}

.btn-primary:hover {
	background-color: #097ada;
	color: #fff
}

.w1100 {
	width: 1100px;
	margin: 0 auto
}

.w1200 {
	width: 1200px;
	margin: 0 auto
}

.txt-hid {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.header-block {
	width: 100%;
	height: 40px;
	background-color: #097ada;
	/*kground: url('../images/header-bg.png') no-repeat;
	background-size: 100% 100%*/
}

.header-block .w1100 {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	color: #ffffff
}

.header-block .w1100 .title {
	float: left;
	font-size: 14px;
	height: 40px;
	line-height: 40px
}

.header-block .w1100 .telphone {
	float: right;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold
}

.header-block .w1100 .telphone i {
	display: inline-block;
	width: 25px;
	height: 24px;
	background: url('../images/icon-tel.png') no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 6px
}

.header {
	background-color: #fff;
	width: 1100px;
	margin: 0 auto;
	padding: 28px 0 44px
}

.header .header-logo {
	width: 272px;
	height: 69px;
	float: left
}

.header .header-logo img {
	display: block;
	width: 100%;
	height: 100%
}

.header .header-nav {
	margin-left: 347px
}

.header .header-nav .nav-list {
	margin-top: 6px;
	font-size: 0
}

.header .header-nav .nav-list .nav-item {
	line-height: 64px;
	padding: 0 30px;
	display: inline-block;
	position: relative
}

.header .header-nav .nav-list .nav-item:first-child {
	padding-left: 0
}

.header .header-nav .nav-list .nav-item:last-child {
	padding-right: 0
}

.header .header-nav .nav-list .nav-item.active a {
	color: #097ada
}

.header .header-nav .nav-list .nav-item.active a:before {
	color: #097ada;
	transform: scale(1)
}

.header .header-nav .nav-list .nav-item a {
	display: inline-block;
	font-size: 15px;
	color: #4a4a4a;
	position: relative;
	line-height: 64px
}

.header .header-nav .nav-list .nav-item a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 100%;
	background: #097ada;
	transform: scale(0);
	transition: all .3s
}

.header .header-nav .nav-list .nav-item a:hover {
	color: #097ada
}

.header .header-nav .nav-list .nav-item a:hover:before {
	color: #097ada;
	transform: scale(1)
}

.header .header-nav .nav-list .nav-item .secend-nav {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -70px;
	width: 140px;
	border-top: 2px solid #097ada;
	background: #f9f9f9;
	z-index: 1000
}

.header .header-nav .nav-list .nav-item .secend-nav::after {
	content: "";
	color: #097ada;
	position: absolute;
	top: -14px;
	left: 50%;
	height: 6px;
	width: 6px;
	margin-left: -6px;
	z-index: 1100;
	overflow: hidden;
	border-width: 6px;
	box-sizing: border-box;
	border-style: dashed dashed solid;
	border-color: transparent transparent #097ada
}

.header .header-nav .nav-list .nav-item .secend-nav li {
	cursor: pointer
}

.header .header-nav .nav-list .nav-item .secend-nav li:hover {
	background-color: #097ada
}

.header .header-nav .nav-list .nav-item .secend-nav li:hover a {
	color: #fff
}

.header .header-nav .nav-list .nav-item .secend-nav li a {
	display: block;
	padding: 10px;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	text-align: center;
	border-top: 1px solid #f1f1f1;
	color: #4a4a4a;
	text-decoration: none
}

.header .header-nav .nav-list .nav-item .secend-nav li a:before {
	display: none
}

.swiper-container {
	height: 100%
}

.banner-box {
	width: 100%;
	height: 667px;
	position: relative
}

.banner-box .swiper-wrapper {
	height: 100% !important
}

.banner-box .swiper-wrapper .swiper-slide {
	height: 100% !important
}

.banner-box {
	width: 100%;
	height: 667px;
	position: relative
}

.banner-box .swiper-wrapper {
	height: 100% !important
}

.banner-box .swiper-wrapper .swiper-slide {
	height: 100% !important
}

.footer-box {
	width: 100%
}

.footer-box .link-box .link-title {
	width: 1100px;
	margin: 0 auto;
	line-height: 36px;
	height: 36px;
	font-size: 0
}

.footer-box .link-box .link-title img {
	display: inline-block;
	margin-right: 9px;
	vertical-align: middle
}

.footer-box .link-box .link-title span {
	font-size: 14px;
	color: #333333;
	vertical-align: middle
}

.footer-box .link-box .link-line {
	width: 100%;
	border-bottom: 1px solid #dfdfdf
}

.footer-box .link-box .link-list {
	width: 1100px;
	margin: 24px auto 9px;
	font-size: 0
}

.footer-box .link-box .link-list li {
	display: inline-block;
	padding: 0 30px 15px 0
}

.footer-box .link-box .link-list li a {
	font-size: 14px;
	color: #999999;
	line-height: 22px
}

.footer-box .link-box .link-list li a:hover {
	color: #097ada
}

.footer-box .footer-nav {
	width: 100%;
	background-color: #191919
}

.footer-box .footer-nav ul {
	font-size: 0;
	border-bottom: 1px solid #2a2a2a;
	width: 1100px;
	margin: 0 auto
}

.footer-box .footer-nav ul .footer-item {
	display: inline-block;
	padding: 0 35px
}

.footer-box .footer-nav ul .footer-item a {
	display: inline-block;
	padding: 0 8px;
	line-height: 84px;
	height: 84px;
	color: #fff;
	font-size: 14px
}

.footer-box .footer-nav ul .footer-item.active a {
	border-bottom: 2px solid #097ada
}

.footer-box .footer-nav ul .footer-item:hover a {
	border-bottom: 2px solid #097ada
}

.footer-box .footer-contact-box {
	width: 100%;
	background-color: #191919
}

.footer-box .footer-contact-box .footer-contact {
	width: 1100px;
	margin: 0 auto
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left {
	margin-right: 130px;
	padding: 47px 0 85px
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul {
	height: 120px;
	font-size: 0
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li {
	display: inline-block;
	margin-left: 100px
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li:first-child {
	margin-left: 0
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li span {
	display: block
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li .contact-icon {
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 50%;
	background-color: #097ada;
	margin-bottom: 21px;
	text-align: center
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li .contact-icon i {
	display: inline-block;
	vertical-align: middle
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li .contact-icon i.icon-phone {
	width: 16px;
	height: 18px;
	background: url(../images/icon-phone.png) no-repeat;
	background-size: 100% 100%
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li .contact-icon i.icon-mobile {
	width: 14px;
	height: 20px;
	background: url(../images/icon-mobile.png) no-repeat;
	background-size: 100% 100%
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li .contact-icon i.icon-position {
	width: 11px;
	height: 16px;
	background: url(../images/icon-address.png) no-repeat;
	background-size: 100% 100%
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li .contact-title {
	font-size: 14px;
	line-height: 22px;
	color: #6a6a6a
}

.footer-box .footer-contact-box .footer-contact .footer-contact-left ul li .contact-des {
	font-size: 18px;
	color: #ffffff;
	line-height: 26px
}

.footer-box .footer-contact-box .footer-contact .footer-contact-right {
	float: right;
	margin-top: 47px;
	width: 120px;
	height: 120px;
	background-color: #efefef
}

.footer-box .footer-contact-box .footer-contact .footer-contact-right img {
	width: 100%;
	height: 100%
}

.footer-box .footer-contact-box .footer-copyright {
	width: 100%;
	border-top: 1px solid #2a2a2a
}

.footer-box .footer-contact-box .footer-copyright p {
	width: 1100px;
	height: 68px;
	line-height: 68px;
	margin: 0 auto;
	color: #6a6a6a;
	font-size: 14px;
	text-align: center;
	position: relative
}

.footer-box .footer-contact-box .footer-copyright p span {
	position: absolute;
	right: 0;
	top: 17px;
	z-index: 99;
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	background-color: #097ada;
	text-align: center
}

.footer-box .footer-contact-box .footer-copyright p span i {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: url(../images/icon-qq.png) no-repeat;
	background-size: 100% 100%
}