.com-width{width: 1200px;margin: 0 auto;}
.com-width-1300{width: 1300px;margin: 0 auto;}

.hide{display: none;}

.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: 0 auto;
	height: 500px;
	max-width: 1920px;
}
.banner .slides {
	position: relative;
	z-index: 1;
	height: 100%
}
.banner .slides li {
	position: relative;
}
.banner .slides li a {
	text-align: center;
	display: block;
	overflow: hidden;
	height: 500px
}
.banner .slides li a img {
	display: block;
	width: 100%;
	height: 100%;
}
.banner .slides li span {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 14px;
	font-size: 16px;
	color: #fff;
	margin-left: -600px;
	z-index: 999;
}
.slide-hd {
	bottom: 20px;
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 99;
	height: 20px;
}
.slide-hd li {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 2px;
	overflow: hidden;
	text-align: center;
	margin: 0 10px;
	cursor: pointer;
	background: #fff;
}
.slide-hd li.on {
	background: #023994;
}
.banner .icon-prev, .banner .icon-next {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	margin-top: -30px;
	z-index: 10;
	cursor: pointer;
	background: #000 url(../images/icon_aro.png) no-repeat;
	opacity: 0.6;
}
.team-prev-next a {
	top: 33%;
}
.banner .icon-prev {
	background-position: 12px center;
	left: 50%;
	margin-left: -650px;
}
.banner .icon-next {
	background-position: -49px center;
	right: 50%;
	margin-right: -650px;
}




.index-ad {
	padding-top: 64px;
	
}
.index-ad ul li{float: left;
width: 300px;
height: 100px;
position: relative;}
.index-ad ul li .index-ad-info{
	position: absolute;
	left: 20px;
	top: 40px;
}
.index-ad ul li .index-ad-info h4{
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
.index-ad ul li .index-ad-info h5{
	margin-top: 10px;
	font-size: 8px;
	color: #fff;
}

.index-hd {
	
	height: 50px;
}
.index-hd a{float:right;color: #a2a2a2; font-size: 16px; padding-top: 22px;}
.index-hd h4 {
	color: #4b4b4b;
	font-size: 25px;
	display: inline;
	margin-right: 20px;
	font-weight: normal;
}
.index-hd h4 em {
	color: #ff6c00;
	font-size: 33px;
	margin-right: 10PX;
	
}
.index-hd h5 {
	display: inline;
	color: #a2a2a2;
	font-size: 12px;
}
.index-sln {
	padding-top: 60px;
}

.index-case {
	padding-top: 60px;
}

.case-main {
	padding-top: 60px;
}
.case-main ul li{
	width:380px;
	float: left;
	margin-right: 30px;
	margin-bottom: 50px;
}
.case-main ul li:nth-child(3n){
	margin-right: 0px !important;
}
.case-main ul li img{
	width:380px;
	height: 179px;
	display:block;
	
}
.case-main ul li h4{
	width:380px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	color: #494a4b;
	font-size: 20px;
	background-color: #f3f3f3;
}
/*******服务***********/

.index-service {
	margin-top: 30px;
	background-color: #007eff;
	width: 100%;
	min-height: 458px;
	
}

.index-service-l {
	float: left;
	width: 300px;
	color: #fff;
	
}
.index-service-l h4{
	font-size: 32px;
	font-weight: normal;
	padding-top:60px;
	
}
.index-service-l h4 em{
	font-size: 16px;
	font-weight: normal;
	margin-left: 10px;
	
}
.index-service-l h5{
	margin-top: 30px;
	font-size: 15px;
	line-height: 2;
	font-weight: normal;
}
.index-service-l a{
	width: 150px;
	height: 46px;
	display: block;
	margin-top: 60px;
	text-align: center;
	border: 1px solid #fff;
	line-height: 46px;
	color: #fff;
	font-size: 16px;
}

.index-service-r {
	float: right;
	width: 840px;
	margin-left: 60px;
}
.index-service-r ul li{
	float: left;
	width: 280px;
	height: 229px;
}
.index-service-r ul li img{
	width: 280px;
	height: 229px;
	display: block;
}
/******首页关于我们**********/


.index-about{height: 528px; padding-top: 82px;}
.index-about .about-intro{width: 595px;line-height: 32px;overflow: hidden;margin-top: 0px; }
.index-about .about-intro .index-intro{height: 160px;overflow: hidden;margin-top: 5px; text-align: justify; color: #393939; font-size: 16px;text-indent: 2em;}
.index-about .about-intro .more{text-align: left;margin-top: 30px;}

.index-about .profile-slide{width: 500px;height: 310px;overflow: hidden;position: relative;}
.index-about .profile-slide .slider{position: relative;}
.index-about .profile-slide a{display: block;position: relative;z-index: 1;width: 500px;height: 500px;overflow: hidden;text-align: center;}
.index-about .profile-slide img{display: inline-block;max-width: 500px;height: 310px;}
.index-about .profile-slide .profile-slide-hd{text-align: left;left: 8px;bottom: 6px;position: absolute;z-index: 9;}
.index-about .profile-slide .profile-slide-hd li{background: #3195ce;width: 12px;height: 12px;display: inline-block;margin: 0 4px;border-radius: 50%;}
.index-about .profile-slide .profile-slide-hd li.on{background: #e60c13;}
.index-about .profile-slide .slider span{position: absolute;right: 16px;bottom: 8px;font-weight: lighter;font-size: 16px;color: #fff;z-index: 9;}
.about-links a{
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	display: block;
	background-color: #007eff;
	text-align: center;
	text-indent: 0px;
	margin-top: 50px;
	margin-left: 2em;
}


.index-news{height: 464px;background: url(../images/index-news.jpg) no-repeat;background-size: cover;}
.tab-hd{position: relative;margin-top: 22px;margin-left:30px; margin-bottom: 22px;}
.tab-hd li{display: block;margin: 0 23px 0px 0px;height: 32px;line-height: 32px;font-size: 16px;color: #4c4c4c;position: relative; float: left; width: 80px; text-align: center;}
.tab-hd li a{font-size: 14px;line-height: 16px;}
.tab-hd li.last:after{display: none;}
.tab-hd li.active,.tab-hd li:hover{background: #e5040f;}
.tab-hd li.active a,.tab-hd li:hover a{color: #fff;}
.index-news .tab-hd li.active a{color: #fff;}
.news-list li{width: 564px;float: left;box-sizing: border-box;border-bottom: 1px solid #f7f7f7;margin: 0 64px 25px  0px;}
.news-list li .cover{width: 80px;height: 80px;float: left;overflow: hidden;text-align: center;}
.news-list li .cover img{max-width: 80px;max-height: 80px;}
.news-list li .news-text{}
.news-list li h3{margin-bottom: 14px;height: 26px;}
.news-list li h3 a{font-size: 18px;color: #0f0f0f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 26px;}
.news-list li h3 span{float: right; color: #e5040f; font-size: 14px; margin-top: 6px;}
.news-list li p{color: #6b6b6b;line-height: 26px;height: 52px;overflow: hidden;font-size: 14px;font-weight: lighter;}
.news-list li .view-more{color: #003d5c; font-size: 14px; text-align: right; display: block; margin-bottom: 6px;}
.news-list .last{margin-right:0px !important;}


/********底部***********/

.friend-links{ padding-top: 0px;font-size:18px; color: #e50011; }

.friend-links a{ display: inline-block;margin-right: 20px; font-size: 14px; color: #434343;}
.contact .index-hd{background: url(../images/icon_conntit.png) no-repeat 0px 0px !important;}
.contact .index-hd h3{ color:#fff; font-size: 24px;}
.contact .index-hd h3 em{ color: #005c8a; font-size: 14px; margin-left: 20px;}
.footer{height: 320px;background: #464646;color: #cecece;font-weight: lighter; }
.footer dl dt{color: #ffffff;font-size: 16px;}
.footer .qr-code{width: 280px;margin-left: 30px; position: relative;}
.footer .qr-code dd{padding-top: 132px;}
.footer .qr-code dd .footer-qr-code{margin: 0 18px;text-align: center;}
.footer .qr-code dd .footer-qr-code img{ width:96px; height:auto;}
.footer .contact{width: 368px;}
.footer .contact dd{margin-top: 26px;line-height: 30px;font-weight: lighter;font-size: 14px; color: #cecece;}
.line-left {
	position: absolute;
	width: 2px;
	height: 100px;
	background-color: #929292;
	top: 109px;
	left: -4px;
}
.line-right {
	position: absolute;
	width: 2px;
	height: 100px;
	background-color: #929292;
	top: 109px;
	left: 264px;
}


.form{width: 420px;position: relative; padding-top: 43px; margin-right: 25px;}
.form ul{padding-top: 12px;}
.form li{background: #333333;height: 35px;line-height: 35px;margin-top: 5px;padding:0 20px 0}
.form li label{width: 60px;font-size: 13px;color: #00527b;display: inline-block;}
.form li input{display: inline-block;width: 260px;height: 35px;line-height: 35px;border: none;font-size: 14px;color: #bbbbbb;background: #333333;font-weight: lighter;}
.form li input::placeholder,
.form li.profile textarea::placeholder{color: #bbbbbb;}
.form li.profile{width: 100%;height: auto;line-height: 32px;font-size: 16px;color: #bbbbbb;}
.form li.profile label{height: 30px;line-height: 30px;}
.form li.profile textarea{height: 50px;width: 100%;border:none;text-align: left;background: #333333;color: #bbbbbb;}
.form li input.verify-code{width: 110px;}
.form li.last{width: 310px;padding-right: 5px;position: relative;}
.form li img{display: block;width: 80px;float: right;margin-top: 3px;height: 30px;margin-right: 20px;}
.form .submit-btn{width: 90px;background: #333333;text-align: center;font-size: 14px;color: #fff;display: block;border: none;height: 36px;line-height: 36px;position: absolute;top: 0;right: -110px;}
.form .new-num {
	height: 18px;
	background: #e50011;
	padding: 0 6px;
	border-radius: 7px;
	display: block;
	position: absolute;
	left: -31px;
	top: 48px;
	line-height: 18px;
	color: #fff;
}


.copyright{height: 50px;line-height: 50px;background: #262626;color: #cecece; font-size: 14px;}
.copyright em a{color: #cecece;}
/********内页*******/
.sub-banner{height: 200px;text-align: center;overflow: hidden;position: relative; }
.sub-banner img{position: absolute;left: 50%;margin-left: -960px;top:0;z-index: 1; }

.sub-menu-bg {
	width: 100%;
	height: 60px;
	background-color: #fff;
}

.sub-menu ul li{
	float: left;
	width: 140px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	
}
.sub-menu ul li a{
	font-size: 16px;
	color: #4b4b4b;
}
.sub-menu ul li.active,.sub-menu ul li:hover{
	background-color: #1aa2d0;
}
.sub-menu ul li.active a,.sub-menu ul li:hover a{
	color: #fff;
}

.main-body-bg {
	width: 100%;
	min-height: 500px;
	background-color: #f3f3f3;
	padding-top: 60px;
	padding-bottom: 20px;
}

.main-body {
	width: 1200px;
	margin: 0px auto;
}
.bgwhite{background-color: #fff;}

.newslist li{
	background-color: #fff;
	width: 1200px;
	height: 160px;
	position: relative;
	margin-bottom: 10px;
}
.newslist li h4{
	position: absolute;
	display: block;
	font-size: 25px;
	line-height: 25px;
	color: #929292;
	left: 40px;
	top: 67px;
}
.newslist li .newsline{
	position: absolute;display: block;
	width: 1px;
	background-color: #e6e6e6;
	height: 100px;
	top: 30px;
	left: 220px;
}
.newslist li h5{
	position: absolute;
	display: block;
	font-size: 20px;
	line-height: 20px;
	color: #4b4b4b;
	left: 286px;
	top: 38px;
	width: 810px;
	overflow: hidden;
}
.newslist li p{
	position: absolute;
	display: block;
	font-size: 13px;
	line-height: 1.5;
	color: #323232;
	left: 286px;
	top: 89px;
	width: 810px;
	height: auto;
	font-weight: normal;
}
.page{margin-top:20px; text-align: center;height: 30px;padding-bottom: 50px;}
.page a,.page span{background: #e9e9e9;padding: 4px 11px;color: #858585;}
.page .current,.page a:hover{background: #006edf;color: #fff;}
.page .disabled{display: inline;background: #eeee;}
.page span:last-child{display: inline;}
#conPage .friend-links-bg {
	background-color: #f3f3f3;
}
#longPage .friend-links-bg {
	background-color: #fff;
}
.friend-links-bg { padding-top: 10px; padding-bottom: 10px;}

.detail{padding: 60px 100px; background-color: #fff;}
.detail .tit{font-size: 33px;color: #4b4b4b;line-height: 30px;padding-bottom: 12px;text-align: center; line-height:1.5;}
.detail .release{text-align: center;margin: 4px 0 20px;color: #bbbbbb;font-weight: lighter;}
.detail .release em{margin: 0 15px;}
.detail .content{width: 100%;font-weight: lighter;line-height: 2;font-size: 16px; color: #4b4b4b;}
.detail .content img{max-width: 100%;}
.detail .content *{font-size: 16px;line-height: 2;font-weight: lighter;color: #4b4b4b;}

.breadcrumbs{height: 38px;font-size: 13px;color: #515151;line-height: 38px;border-bottom: 1px solid #efefef;margin-bottom: 10px;}
.breadcrumbs .location{float: left;}
.breadcrumbs .location a{padding: 0 6px;color: #515151;}
.breadcrumbs span,.breadcrumbs .location a:hover{padding: 0 10px;color: #ff0000;}
.breadcrumbs .back {
	float: right;

	font-weight: lighter;
	display: inline-block;
	
color: #383838;
	font-size: 13px;
	
}

.case-main {
	padding-top: 60px;
}
.case-main ul li{
	width:380px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	
}
.case-main ul li:nth-child(3n){
	margin-right: 0px !important;
}
.case-main ul li img{
	width:380px;
	height: 179px;
	display:block;
	
}
.case-main ul li h4{
	width:380px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	color: #494a4b;
	font-size: 20px;
	background-color: #f3f3f3;
}

.service-main {
	
}
.service-main  ul li{
	float: left;
	width: 280px;
	background-color: #fff;
	padding-bottom: 30px;
	margin-right: 26px;
	height: 437px;
	margin-bottom: 80px;
}
.service-main  ul li:nth-child(4n){
	margin-right: 0px !important;
}
.service-main  ul li img{
	height: 229px;
	width: 280px;
}
.service-main  ul li h5{
	font-size: 16px;
	color: #bcbcbc;
	font-weight: normal;
	padding:20px;
	
}
.service-main  ul li h4{
	font-size: 20px;
	color: #4b4b4b;
	font-weight: normal;
	padding:0px 20px;
	line-height: 2;
}

.contact-page{margin: 30px auto; width: 942px;}
.contact-page .qr-code{width: 280px;margin-left: 30px;margin-top: 30px;}
.contact-page .qr-code .qr-code-item{margin: 0 18px;text-align: center;}
.contact-page .qr-code .qr-code-item img{width:96px;}
.contact-page .contact-info{line-height: 32px;color: #383838;width: 600px;font-weight: lighter;font-size: 16px;}
.contact-page .map{margin-top: 30px;}
.contact-page .map img{width: 100%;}