﻿body{

	display: block;

	width: 6.4rem;

	margin: 0 auto;

}



.container{

	width: 6.4rem;

	padding: 0 0.3rem;

}



.header{

	position: relative;

	display: block;

	padding-top: 10px;

	padding-bottom: 10px;

}



.header .logo{

	display: block;

	float: left;

}



.header .logo img{

	display: block;

	height: 46px;

}



.header .nav-toggle{

	display: block;

	float: right;

	padding: 8px;

	border-radius: 4px;

	margin-top: 7px;

	background-color: #f4f4f4;

	border: none;

	outline: none;

	cursor: pointer;

	-webkit-transition: 0.3s ease-in;

	-o-transition: 0.3s ease-in;

	transition: 0.3s ease-in;

}



.header .nav-toggle:hover{

	background-color: #eee;

}



.header .nav-toggle span{

	display: block;

	width: 22px;

	height: 2px;

	margin-top: 4px;

	background-color: #333;

}



.header .nav-toggle span:first-child{

	margin-top: 0;

}



.header .nav{

	display: none;

	position: absolute;

	width: 100%;

	top:66px;

	left:0;

	background-color: #000;

	background-color: rgba(0,0,0,0.9);

	z-index: 10;

}



.header .nav li{

	display: block;

	line-height: 46px;

	border-bottom: 1px solid #555;

}



.header .nav li a{

	display: block;

	padding: 0 0.3rem;

	color: #fff;

	-webkit-transition: 0.3s ease-in;

	-o-transition: 0.3s ease-in;

	transition: 0.3s ease-in;

}



.header .nav li .dropdown{

	display: none;

	background-color: rgba(255,255,255,0.1);

}



.header .nav li dl dd{

	height: 40px;

	line-height: 40px;

}



.header .nav li dl dd a{

	display: block;

	color: #fff;

	padding: 0 0.5rem;

}



.banner{

	display: block;

	width: 100%;

}



.banner img{

	display: block;

	width: 100%;

	height: 3.36rem

}



.banner .swiper-pagination{

	font-size: 0;

}



.banner .swiper-pagination-bullets .swiper-pagination-bullet{

	width: 10px;

	height: 10px;

	background: #222;

	opacity: 1;

	margin: 0 4px;

}



.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{

	background-color: #2560b0;

}



.section-header{

	display: block;

	line-height: 40px;

	padding-top: 0.2rem;

	margin-bottom: 0.2rem;

	border-bottom: 1px solid #ddd;

}



.section-header .container{

	position: relative;

}



.section-header .container:after{

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	*zoom:1;

}



.section-header h3{

	display: block;

	float: left;

	font-size: 20px;

	color: #333;

}



.section-header h3 span{

	color: #3e3d3d;

	font-size: 17px;

	text-transform: uppercase;

}



.section-header a{

	display: block;

	float: right;

	color: #666;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.section-header a:hover{

	color: #2560b0;

}



.product-body{

	display: block;

	overflow: hidden;

}



.product-body ul{

	display: block;

	margin: 0 -0.1rem;

}



.product-body ul li{

	display: block;

	float: left;

	width: 50%;

	padding: 0.1rem 0.1rem;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.product-body ul li .content{

	display: block;

	background-color: #f6f6f6;

}



.product-body ul li:hover .content{

	background-color: #2560b0;

}



.product-body ul li .content .pic{

	display: block;

	height: 2.58rem;

	padding: 0.1rem;

	border-bottom: 1px solid #e1e1e1;

	font-size: 0;

	*font-size: 224px;

	text-align: center;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.product-body ul li:hover .content .pic{

	border-bottom: 1px solid #3f8df5;

}



.product-body ul li .content .pic img{

	display: inline-block;

	max-width: 100%;

	max-height: 2.38rem;

	vertical-align: middle;

}



.product-body ul li .content .pic:after{

	display: inline-block;

	content:"";

	width: 0;

	height: 100%;

	vertical-align: middle;

}



.product-body ul li .content p{

	display: block;

	padding: 0.2rem 10px;

	line-height: 1;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}



.product-body ul li .content p a{

	color: #333;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.product-body ul li:hover .content p a{

	color: #fff;

}



.product-body ul li .content span{

	display: block;

	width: 20px;

	height: 20px;

	border: 1px solid #a4a4a4;

	border-radius:50%;

	margin: 0 auto;

	text-align: center;

	line-height: 20px;

	color: #a0a0a0;

	font-size: 20px;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.product-body ul li:hover .content span{

	border: 1px solid #fff;

	color: #fff;

}



.advantage-body .item{

	display: block;

}



.advantage-body .item .pic{

	display: block;

	width: 100%;

}



.advantage-body .item .pic img{

	display: block;

	width: 100%;

}



.advantage-body .item .content{

	display: block;

	padding: 0.3rem 0;

}



.advantage-body .item .content h4{

	display: block;

	font-size: 18px;

	color: #333;

}



.advantage-body .item .content p{

	display: block;

	line-height: 24px;

	color: #666;

	margin-top: 0.1rem;

}



.about-body{

	display: block;

}



.about-body-l{

	display: block;

}



.about-body-l h2{

	display: block;

	font-size: 19px;

	color: #333;

}



.about-body-l h2 span{

	color: #2560b0;

}



.about-body-l .line{

	display: block;

	width: 26px;

	height: 3px;

	margin: 0.2rem 0;

	background-color: #2560b0;

}



.about-body-l h5{

	font-size: 15px;

	color: #555;

	margin-bottom: 4px;

}



.about-body-l p{

	line-height: 30px;

	color: #666;

}



.about-body-l a{

	display: block;

	width: 118px;

	height: 36px;

	border: 1px solid #2560b0;

	padding: 1px;

	margin-top: 0.2rem;

}



.about-body-l a span{

	display: block;

	width: 114px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	color: #fff;

	background-color: #2560b0;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.about-body-l a:hover span{

	background-color: #05449a;

}



.about-body-r{

	display: block;

	margin-top: 0.2rem;

}



.about-body-r .link{

	display: block;

	text-align: center;

	margin-top: 0.2rem;

}



.about-body-r .link li{

	display: inline-block;

	*display: inline;

	*zoom:1;

	margin-left: 7px;

}



.about-body-r .link li a{

	display: inline-block;

	padding: 8px 30px;

	color: #333;

	background-color: #f1f1f1;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.about-body-r .link li a:hover{

	color: #fff;

	background-color: #2560b0;

}



.about-body-r .pic{

	display: block;

}



.about-body-r .pic img{

	display: block;

	width: 100%;

	height: 3.33rem

}



.case-body{

	overflow: hidden;

}



.case-body ul{

	display: block;

	margin: 0 -0.1rem;

	overflow: hidden;

}



.case-body ul li{

	display: block;

	float: left;

	width: 50%;

	padding: 0 0.1rem;

	margin: 0.1rem 0;

}



.case-body ul li .pic{

	display: block;

	position: relative;

}



.case-body ul li img{

	display: block;

	width: 100%;

	height: 3.47rem;

}



.case-body ul li .pic .mask{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: rgba(37,96,176,0.4);

	z-index: 5;

	top:0;

	opacity: 0;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.case-body ul li .pic .mask:hover{

	opacity: 1;

}



.case-body ul li .pic .mask span{

	position: absolute;

	display: block;

    width: 22px;

    height: 22px;

    border: 1px solid #fff;

    border-radius: 50%;

    margin: 0 auto;

    text-align: center;

    line-height: 20px;

    color: #fff;

    font-size: 20px;

    top:50%;

    margin-top: -11px;

    left:50%;

    margin-left: -11px;

}



.case-body ul li p{

	display: block;

	margin-top: 0.2rem;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}



.case-body ul li p a{

	color: #333;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.case-body ul li:hover p a{

	color: #2560b0;

}



.news .section-header{

	margin-bottom: 0.1rem;

}



.news-body-l{

	display: block;

}



.news-body-l li{

	display: block;

	height: 46px;

	line-height: 46px;

	border-bottom: 1px dashed #ddd;

}



.news-body-l li a{

	display: block;

	float: left;

	max-width: 70%;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	color: #333;

	padding-left: 20px;

	background:url(../imgs/icon.png) no-repeat 0px -427px;

	-webkit-transition: color 0.3s ease-in;

	-o-transition: color 0.3s ease-in;

	transition:  color 0.3s ease-in;

}



.news-body-l li:hover a{

	color: #2560b0;

	background:url(../imgs/icon.png) no-repeat 0px -381px;

}



.news-body-l li span{

	display: block;

	float: right;

	color: #777;

	-webkit-transition: color 0.3s ease-in;

	-o-transition: color 0.3s ease-in;

	transition:  color 0.3s ease-in;

}



.news-body-l li:hover span{

	color: #2560b0;

}



.news-body-r{

	display: block;

}



.news-body-r img{

	display: block;

	width: 100%;

	height: 1.82rem;

}



.news-body-r h4{

	display: block;

	margin-top: 14px;

	font-size: 16px;

}



.news-body-r h4 a{

	color: #333;

	-webkit-transition: 0.3s ease-in;

	-o-transition: 0.3s ease-in;

	transition:  0.3s ease-in;

}



.news-body-r h4 a:hover{

	color: #2560b0;

}



.news-body-r p{

	display: block;

	line-height: 26px;

	color: #666;

	margin-top: 6px;

}



.news-body-r .more{

	display: block;

	width: 118px;

	height: 36px;

	padding: 1px;

	border: 1px solid #2560b0;

	margin-top: 0.2rem;

}



.news-body-r .more span{

	display: block;

	width: 114px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	color: #fff;

	background-color: #2560b0;

	-webkit-transition:  0.3s ease-in;

	-o-transition:  0.3s ease-in;

	transition:  0.3s ease-in;

}



.news-body-r .more span:hover{

	background-color: #05449a;

}



.footer{

	display: block;

	width: 100%;

	padding: 0.2rem 0;

	margin-top: 0.2rem;

	background-color: #1854a4;

	text-align: center;

	color: #fff;

	line-height: 26px;

}





/*------------------------------------ 公司简介 ------------------------------------*/



.banner-inside img{

	display: block;

	width: 100%;

}



.position{

	display: block;

	height: 41px;

	line-height: 40px;

	color: #666;

	border-bottom: 1px solid #ddd;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}



.position a{

	color: #666;

	-webkit-transition: 0.3s ;

	-o-transition: 0.3s ;

	transition: 0.3s ;

}



.position a:hover{

	color: #2560b0;

}



.position span{

	padding: 0 2px;

}



.company-profile{

	display: block;

	margin-top: 30px;

	line-height: 30px;

	color: #666;

}



.company-profile h2{

	display: block;

	font-size: 19px;

	font-weight: bold;

	color: #333;

}







.company-profile h2 .blue{

	color: #2560b0;

}



.company-profile .line{

	display: block;

	width: 26px;

	height: 3px;

	margin: 0.2rem 0;

	background-color: #2560b0;

}



.company-profile h5{

	display: block;

	font-weight: bold;

	font-size: 14px;

}



.company-profile p{

	margin-bottom: 10px;

}



.company-profile p .blue{

	color: #2560b0;

}



.company-profile .pic-group{

	display: block;

	margin-top: 0.2rem;

}



.company-profile .pic-group img{

	display: block;

	width: 100%;

	margin-bottom: 0.2rem;

	border-radius: 10px;

}



.product-detail{

	display: block;

	margin-top: 30px;

}



.product-detail h2{

	display: block;

	font-size: 20px;

	font-weight: bold;

	color: #333;

	text-align: center;

}



.product-detail .product-show{

	position: relative;

	display: block;

	margin-top: 0.3rem;

	font-size: 0;

	text-align: center;

	overflow: hidden;

}



.product-detail .product-show img{

	display: inline-block;

	*display: inline;

	*zoom:1;

	max-width: 100%;

	max-height: 4.81rem;

}



.product-detail .product-show .swiper-slide:after{

	display: inline-block;

	content:"";

	width: 0;

	height: 100%;

	vertical-align: middle;

}



.product-info{

	display: block;

	line-height: 32px;

	color: #666;

}



.product-info .item{

	display: block;

	margin-top: 0.2rem;

}



.product-info .item h4{

	display: block;

	font-size: 16px;

	color: #333;

}



.news-center{

	display: block;

	margin-top: 10px;

}



.news-center li{

	display: block;

	padding: 0.2rem 0;

	overflow: hidden;

	clear: both;

	border-bottom: 1px dashed #ddd;

}



.news-center li .pic{

	display: block;

	float: left;

	margin-right: 0.2rem;

}



.news-center li .pic img{

	display: block;

	width: 141px;

	height: 80px;

}



.news-center li .content{

	display: block;

	overflow: hidden;

}



.news-center li .content h4{

	display: block;

	font-size: 16px;

	height: 48px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

 	-webkit-box-orient: vertical;

}



.news-center li .content h4 a{

	display: block;

	color: #333;

	-webkit-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}



.news-center li .content h4 a:hover{

	color: #2560b0;

}



.news-center li .content  span{

	display: block;

	color: #777;

	margin-top: 6px;

}



/*------------------------------------------- 新闻详情--------------------------------------------*/



.artical-header{

	padding: 30px 0 16px 0;

	text-align: center;

	border-bottom: 1px dashed #ccc;

}

.artical-header h2{

	display: block;

	font-size: 20px;

	font-weight: bold;

	color: #333;

}



.artical-header p{

	display: block;

	margin-top: 6px;

	color: #666;

	font-size: 13px;

}



.artical-header p span{

	display: inline-block;

	margin: 0 0.1rem;

}



.artical-body{

	display: block;

	padding: 20px 0;

	line-height: 24px;

	color: #333;

}



.artical-body img{

	max-width: 100%;

	margin-bottom: 10px;

}



.artical-body p{

	margin-bottom: 10px;

}



.artical-body p strong{

	display: block;

	margin-bottom: 6px;

}



.artical-footer{

	display: block;

	padding: 20px 0;

	overflow: hidden;

	border-top: 1px dashed #ccc;

}



.artical-footer .choose-artical{

	display: block;

}



.artical-footer .choose-artical a{

	display: block;

	line-height: 26px;

	color: #333;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-ms-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.artical-footer .choose-artical a:hover{

	color: #002fa4;

}



.artical-footer .share{

	display: block;

	margin-top: 0.2rem;

	overflow: hidden;

}



.share .jiathis_style .jiathis_counter.jiathis_bubble_style{

	width: 36px!important;

}



.jiathis_style>div{

	box-sizing:content-box;

}





/*------------------------------------------- 服务流程 --------------------------------------------*/



.service-progress{

	display: block;

	margin-top: 30px;

	line-height: 32px;

	color: #666;

}



.service-progress img{

	display: block;

	max-width: 100%;

}







.pagenation{ overflow:hidden; text-align:center;line-height:24px; padding:10px 0 40px 0; margin:30px 20px 0 20px;}

.pagenation .a1{ font-size:14px;padding:6px 12px;color:#333333;border-radius:5px; margin:0 3px;}

.pagenation a{ font-size:14px;padding:6px 12px;color:#333333; background-color:#ddd;border-radius:5px; margin:0 3px;}

.pagenation span{ font-size:14px;padding:6px 12px;color:#ffffff; background-color:#2560b0;border-radius:5px; margin:0 3px;}

.pagenation a:hover{color:#fff;background:#2560b0;-webkit-transition:  0.3s ease-in;-o-transition:  0.3s ease-in;transition:  0.3s ease-in;} 







.download{ overflow:hidden;}

.download li{ float:left; line-height:40px; margin-top:10px;  font-size:14px; border-bottom:1px dashed #dcdcdc; height:40px; width:100%; overflow:hidden;}

.download li span{ float:left; color:#333333; margin-left:10px;}

.download li a{ float:right; margin-right:10px; width:80px; background:#e3e1e1; color:#333333; line-height:24px; margin-top:8px; text-align:center; height:24px;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-ms-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;



}

.download li a:hover{ background:#2560b0; color:#ffffff;}