.main.index-main {
	background:#f4f4f4;
	padding-bottom:0
}
.main.index-main .index-banner-bottom-box {
	width:100%;
	height:190px
}
.main.index-main .index-banner-bottom-box .container {
	position:relative;
	z-index:9;
	height:100%
}
.main.index-main .index-banner-bottom-box .container ul {
	width:100%;
	position:absolute;
	height:250px;
	left:0;
	padding:0 15px;
	bottom:0
}
.main.index-main .index-banner-bottom-box .container ul li {
	width:33.33%;
	height:100%;
	float:left;
	background:#0E6FDA;
	padding-top:40px
}
.main.index-main .index-banner-bottom-box .container ul li:nth-child(2) {
background:#006cbf
}
.main.index-main .index-banner-bottom-box .container ul li:nth-child(3) {
background:#025596
}
.main.index-main .index-banner-bottom-box .container ul li h2 {
	width:170px;
	padding-left:55px;
	font-size:77px;
	color:#fff;
	font-family:'Arial';
	line-height:65px;
	float:left
}
.main.index-main .index-banner-bottom-box .container ul li h2 span {
	font-size:18px;
	font-family:'微软雅黑';
	display:inline-table
}
.main.index-main .index-banner-bottom-box .container ul li .index-banner-bottom-box-right {
	width:200px;
	color:#fff
}
.main.index-main .index-banner-bottom-box .container ul li .index-banner-bottom-box-right h4 {
	font-size:18px;
	line-height:26px
}
.main.index-main .index-banner-bottom-box .container ul li .index-banner-bottom-box-right h5 {
	font-size:14px;
	line-height:22px;
	padding-bottom:10px;
	position:relative;
	text-transform:uppercase
}
.main.index-main .index-banner-bottom-box .container ul li .index-banner-bottom-box-right h5:after {
	content:'';
	width:160px;
	height:1px;
	background:#fff;
	display:block;
	position:absolute;
	left:0;
	bottom:0
}
.main.index-main .index-banner-bottom-box .container ul li .index-banner-bottom-box-right .thumb-pic {
	padding-top:30px
}


.main.index-main .index-product h2, .main.index-main .index-news h2, .main.index-main .index-contact h2, .main.index-main .index-cases h2 {
	font-size:30px;
	color:#000;
	line-height:40px
}
.main.index-main .index-product h2, .main.index-main .index-news h2, .main.index-main .index-contact h2, .main.index-main .index-cases h2, .main.index-main .index-cases h5, .main.index-main .index-product h5, .main.index-main .index-news h5, .main.index-main .index-contact h5 {
	text-align:center
}
.main.index-main .index-product h5, .main.index-main .index-news h5, .main.index-main .index-contact h5, .main.index-main .index-cases h5 {
	color:#333;
	font-family:'Arial';
	line-height:24px;
	font-size:14px;
	text-transform:uppercase
}
.main.index-main .index-product h6, .main.index-main .index-news h6, .main.index-main .index-contact h6, .main.index-main .index-cases h6 {
	width:460px;
	height:1px;
	background:#dedede;
	position:relative;
	margin:25px auto 0
}
.main.index-main .index-product h6:after, .main.index-main .index-news h6:after, .main.index-main .index-contact h6:after, .main.index-main .index-cases h6:after {
	content:'';
	width:12px;
	height:10px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background:#0E6FDA
}
.main.index-main .index-product {
	width:100%;
	padding-top:80px
}
.main.index-main .index-product .index-product-tab {
	width:100%;
	padding-top:30px
}
.main.index-main .index-product .index-product-tab ul {
	text-align:center
}
.main.index-main .index-product .index-product-tab ul li {
	display:inline-table;
	width:160px;
	height:40px;
	border:1px solid #cccccc;
	text-align:center;
	line-height:38px;
	margin:0 7px
}
.main.index-main .index-product .index-product-tab ul li a {
	display:block;
	color:#666666;
	font-size:16px
}
.main.index-main .index-product .index-product-tab ul li.active {
	border-color:#0E6FDA;
	background:#0E6FDA
}
.main.index-main .index-product .index-product-tab ul li.active a {
	color:#fff
}
.main.index-main .index-product .index-product-container {
	width:100%;
	padding-top:35px
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide {
	padding-bottom:95px
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items {
	width:100%
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items ul {
	margin:0 -8px
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items ul li {
	width:290px;
	margin:0 7px;
	float:left;
	background:#fff;
	padding:0 0px; margin-bottom:10px;
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items ul li .thumb-pic {

	height:218px
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items ul li h2 {
	border-top:1px solid #e8e8e8;
	font-size:20px;
	text-align:center;
	line-height:50px
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items ul li h2 a {
	display:block;
	color:#101010
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items ul li:hover {
	box-shadow:3px 3px 15px #e0dede
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items ul li:hover h2 {
	border-color:#0E6FDA
}
.main.index-main .index-product .index-product-container .swiper-container .swiper-wrapper .swiper-slide .items ul li:hover h2 a {
	color:#0E6FDA
}
.main.index-main .index-cases {
	width:100%;
	background:#eef7fc;
	padding:35px 0 75px
}
.main.index-main .index-cases ul {
	margin:0 -10px; margin-top:50px;
}
.main.index-main .index-cases ul li {
	width:280px;
	height:270px;
	margin:10px;
	float:left;
	border:1px solid #f2f6f9;
	background:#fff;
	padding:5px
}
.main.index-main .index-cases ul li.index-cases-title {
	position:relative;
	border:none
}
.main.index-main .index-cases ul li.index-cases-title .index-cases-title-content {
	width:100%;
	position:absolute;
	height:390px;
	left:0;
	bottom:0
}
.main.index-main .index-cases ul li.index-cases-title .index-cases-title-content .thumb-pic {
	height:100%
}
.main.index-main .index-cases ul li.index-cases-title .index-cases-title-content .index-cases-title-cover {
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(14, 111, 218, 0.7);
	left:0;
	top:0;
	padding-left:30px
}
.main.index-main .index-cases ul li.index-cases-title .index-cases-title-content .index-cases-title-cover h2 {
	font-size:30px;
	line-height:50px;
	padding-top:60px;
transition:all linear .5s
}
.main.index-main .index-cases ul li.index-cases-title .index-cases-title-content .index-cases-title-cover h2, .main.index-main .index-cases ul li.index-cases-title .index-cases-title-content .index-cases-title-cover h5 {
	color:#fff
}
.main.index-main .index-cases ul li.index-cases-title .index-cases-title-content .index-cases-title-cover h5 {
	line-height:30px;
	font-size:15px;
	padding-top:20px;
	transition:all linear 1s
}
.main.index-main .index-cases ul li.index-cases-title .index-cases-title-content .index-cases-title-cover h5 i {
	font-size:40px;
	margin-left:15px
}
.main.index-main .index-cases ul li.index-cases-title .index-cases-title-content .index-cases-title-cover a.more {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0
}
.main.index-main .index-cases ul li.index-cases-title:hover .index-cases-title-content .index-cases-title-cover h2 {
	padding-top:30px
}
.main.index-main .index-cases ul li.index-cases-title:hover .index-cases-title-content .index-cases-title-cover h5 {
	padding-top:5px
}
.main.index-main .index-cases ul li .thumb-pic {
	width:100%;
	height:200px
}
.main.index-main .index-cases ul li h3 {
	line-height:22px;
	font-size:14px;
	text-align:center;
	height:75px
}
.main.index-main .index-cases ul li h3 a {
	display:block;
	height:100%;
	color:#111111;
	padding-top:20px
}
.main.index-main .index-cases ul li:hover {
	border-color:#0E6FDA
}
.main.index-main .index-cases ul li:hover h3 a {
	color:#0E6FDA
}
.main.index-main .index-news {
	width:100%;
	background:#fff;
	padding:45px 0 100px
}
.main.index-main .index-news .index-news-items {
	width:100%;
	padding-top:35px
}
.main.index-main .index-news .index-news-items .container {
	width:1240px;
	padding:0 20px
}
.main.index-main .index-news .index-news-items ul {
	padding-bottom:20px
}
.main.index-main .index-news .index-news-items ul li {
	width:585px;
	height:160px;
	float:left;
	border-radius:5px;
	padding:20px 15px;
	margin-top:15px
}
.main.index-main .index-news .index-news-items ul li:nth-child(2n) {
float:right
}
.main.index-main .index-news .index-news-items ul li .thumb-pic {
	width:160px
}
.main.index-main .index-news .index-news-items ul li .thumb-pic, .main.index-main .index-news .index-news-items ul li .index-news-right {
	height:120px
}
.main.index-main .index-news .index-news-items ul li .index-news-right {
	width:385px
}
.main.index-main .index-news .index-news-items ul li .index-news-right h4 {
	color:#999999;
	font-family:'思源黑体';
	line-height:20px
}
.main.index-main .index-news .index-news-items ul li .index-news-right h3, .main.index-main .index-news .index-news-items ul li .index-news-right h4 {
	font-size:16px
}
.main.index-main .index-news .index-news-items ul li .index-news-right h3 {
	line-height:30px;
	padding:5px 0 10px;
	position:relative;
	border-bottom:1px solid #efefef
}
.main.index-main .index-news .index-news-items ul li .index-news-right h3 a {
	color:#1c1c1c
}
.main.index-main .index-news .index-news-items ul li .index-news-right h3 a:hover {
	text-decoration:underline
}
.main.index-main .index-news .index-news-items ul li .index-news-right h3:after {
	content:'';
	display:block;
	position:absolute;
	width:30px;
	height:1px;
	left:0;
	bottom:-1px;
	background:#0E6FDA;
transition:.3s ease;
-webkit-transition:.3s ease
}
.main.index-main .index-news .index-news-items ul li .index-news-right p {
	color:#848484;
	line-height:22px;
	padding-top:5px
}
.main.index-main .index-news .index-news-items ul li:hover {
	box-shadow:3px 3px 15px #d2d2d2
}
.main.index-main .index-news .index-news-items ul li:hover h4, .main.index-main .index-news .index-news-items ul li:hover h3 a {
	color:#0E6FDA
}
.main.index-main .index-news .index-news-items ul li:hover h3:after {
	width:100%
}
.main.index-main .index-news .index-news-items ul li:before, .main.index-main .index-news .index-news-items ul li:after {
	content:'';
	display:block;
	clear:both
}
.main.index-main .index-about {
	width:100%;
	height:570px;
	background:#fff url(../image/index-about-bg.png) no-repeat center bottom;
	padding:130px 0 55px
}
.main.index-main .index-about .container {
	height:385px;
	background:#0E6FDA;
	position:relative
}
.main.index-main .index-about .container .index-about-left {
	width:540px;
	padding:40px 0 0 45px;
	color:#fff
}
.main.index-main .index-about .container .index-about-left h2 {
	font-size:30px;
	line-height:40px
}
.main.index-main .index-about .container .index-about-left h6 {
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	font-family:'Arial'
}
.main.index-main .index-about .container .index-about-left p {
	padding-top:30px;
	font-size:15px;
	line-height:30px
}
.main.index-main .index-about .container .index-about-left a.more {
	width:120px;
	height:40px;
	border:1px solid #fff;
	text-align:center;
	line-height:38px;
	color:#fff;
	display:block;
	margin-top:35px;
	position:relative;
	z-index:2;
	border-radius:5px
}
.main.index-main .index-about .container .index-about-left a.more:before {
	content:'';
	width:0;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	background:#fff;
transition:.3s ease;
-webkit-transition:.3s ease
}
.main.index-main .index-about .container .index-about-left a.more:hover {
	color:#0E6FDA
}
.main.index-main .index-about .container .index-about-left a.more:hover:before {
	width:100%
}
.main.index-main .index-about .container .index-about-video {
	width:585px;
	height:420px;
	position:absolute;
	right:30px;
	top:-70px
}
.main.index-main .index-about .container .index-about-video .thumb-pic {
	width:100%;
	height:100%
}
.main.index-main .index-contact {
	width:100%;
	height:650px;
	background:url(../image/index-contact-bg.png) no-repeat center 170px;
	padding:60px 0 0
}
.main.index-main .index-contact .index-contact-items {
	width:100%;
	padding-top:120px
}
.main.index-main .index-contact .index-contact-items ul {
	margin:0 -35px
}
.main.index-main .index-contact .index-contact-items ul li {
	width:353px;
	height:145px;
	float:left;
	border:1px solid #0E6FDA;
	padding:40px 15px 0;
	margin:0 35px
}
.main.index-main .index-contact .index-contact-items ul li h3 {
	font-size:24px;
	color:#0E6FDA;
	line-height:30px
}
.main.index-main .index-contact .index-contact-items ul li h3, .main.index-main .index-contact .index-contact-items ul li p {
	text-align:center
}
.main.index-main .index-contact .index-contact-items ul li p {
	line-height:25px;
	font-size:16px;
	padding-top:15px
}
.main.index-main .btn-more {
	width:150px;
	height:30px;
	margin:40px auto 0
}
.main.index-main .btn-more a {
	display:block;
	border:1px solid #0E6FDA;
	color:#0E6FDA;
	text-align:center;
	line-height:28px
}
.main.index-main .btn-more a i {
	font-size:40px
}
.main.index-main .btn-more a:hover {
	background:#0E6FDA;
	color:#fff
}







.pb_title h2{margin:0;font-size:40px;color:#323232;font-weight:bold;position:relative;line-height:44px;text-align:center;}
.pb_title p{margin:0;color:#848484;font-size:16px;line-height:20px;margin-top:12px;text-align:center;}
#youshibg{background:#eee;padding:56px 0 73px;}
.youshi{margin-top:40px;}
.youshi .youshi_li{width:31.8%;margin-left:1.6%;float:left;background:#FFF;padding:40px 25px 10px;text-align:center;}
.youshi .youshi_li:first-child{margin-left:0;}
.youshi .youshi_li i{width:104px;height:104px;display:inline-block;border-radius:50%;}
.youshi .youshi_li i.icon1{background:url(../image/youshiicon1.png) no-repeat center center #0a80d8;}
.youshi .youshi_li i.icon2{background:url(../image/youshiicon2.png) no-repeat center center #0a80d8;}
.youshi .youshi_li i.icon3{background:url(../image/youshiicon3.png) no-repeat center center #0a80d8;}
.youshi .youshi_li i.icon4{background:url(http://mb.kaibaidu.com/pby010/res/image/youshiicon4.png) no-repeat center center #0a80d8;}
.youshi .youshi_li p:nth-child(2){margin:0;height:30px;line-height:30px;font-size:24px;font-weight:bold;margin-top:17px;color:#333;}
.youshi .youshi_li p:last-child{margin:0;line-height:24px;color:#5b5b5b;margin-top:9px;min-height:72px;}