@charset "utf-8";

/* CSS Document */

html,
body {
	position: relative;
}

body {
	/*padding-top: 92px;*/
}

.bg-f5f5f5 {
	background: #f5f5f5;
}

.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: move;
}
.banbg1{background-image:url(../img/ban.jpg);}
.banbg2{background-image:url(../img/ban2.jpg);}
 
.banner .container {
	position: relative;
}

.banner .swiper-container {
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
}

.banner .pagination {
	position: absolute;
	width: 100%;
	z-index: 20;
	left: 0;
	bottom: 20px;
	text-align: center;
}

.banner .swiper-pagination-switch {
	display: inline-block;
	width: 45px;
	height: 3px;
	background: #fff;
	margin: 0 6px;
	border: 1px solid #fff;
	cursor: pointer;
	border: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .4;
}

.banner .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}


.banner .swiper-slide {
	position: relative;
	overflow: hidden;
}

.banner .swiper-slide a {
	position: relative;
	display: block;
}

.banner .container{
	position: relative;
	height: 100%;
}

.banner .text{
	position: absolute;
	bottom: 60%;
	left: 6%;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 1.5;
}
.banner .txtbs{
	position: absolute;
	bottom: 40%;
	left: 6%;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 1.5;
}
.banner .text p{
	margin-top: 10px;
}


.reTop {
	padding-top: 84px;
}

.service-new li {
	float: left;
	width: 33.33333%;
}

.service-new li a {
	display: block;
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}

.service-new li a .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

.service-new li a .text {
	position: absolute;
	left: 0;
	top: 76%;
	width: 100%;
	text-align: center;
	webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

.service-new li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 8px;
	background: rgb(2, 84, 153);
	webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

.service-new .text h1 {
	display: inline-block;
	border-bottom: solid 2px #fff;
	border-top: solid 2px #fff;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
}

.service-new .text p {
	width: 59%;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
}

.service-new li a:hover .img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.service-new li a:hover::after {
	width: 100%;
}

.service-new li a:hover .text {
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	transform: translateY(-60px);
}

.case li {
	float: left;
	width: 25%;
}

.case .imgBox {
	position: relative;
	overflow: hidden;
}

.tran4 {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.case .imgBox .img {
	position: relative;
	padding-bottom: 66.66667%;
}

.case .imgBox .img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	opacity: 0;
}

.case .imgBox i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
	width: 64px;
	height: 64px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	font-size: 20px;
	text-align: center;
	line-height: 68px;
	color: #fff;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	opacity: 0;
}

.case ul li:nth-child(2n) {
	background: #f7f7f7;
}

.case a {
	display: block;
}

.case .text {
	position: relative;
	padding: 16px;
}

.case .text .inner {
	padding-right: 64px;
}

.case .text .inner .title {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.case .text .inner .desc {
	font-size: 13px;
	color: #4b4e52;
	font-weight: 400;
}

.case .text .icon {
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -24px;
	width: 48px;
	height: 48px;
	background: #e6eaee;
	border-radius: 50%;
}

.case .text .icon .innerbox {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.case .text .icon .num {
	display: block;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #4b4e52;
	text-align: center;
}

.case .text .icon .fa-link {
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}

.case a:hover .text .title {
	color: #025499;
}

.case a:hover .imgBox .img {
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-ms-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
}

.case a:hover .imgBox .img::after {
	opacity: 1;
}

.case a:hover .imgBox i {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.case a:hover .text .icon {
	background: #025499;
}

.case a:hover .text .icon .innerbox {
	top: -48px;
}

.case-tail {
	padding: 60px 0 52px;
	text-align: center;
}

.case-tail .title {
	font-size: 48px;
	color: #333;
	line-height: 1.2;
}

.case-tail .btn {
	display: inline-block;
	margin-top: 28px;
	color: #333333;
	border: 1px solid #888;
	vertical-align: top;
	overflow: hidden;
}

.case-tail .btn .inner {
	display: inline-block;
	position: relative;
	white-space: nowrap;
	left: 0;
	-webkit-transition: all 800ms ease 0s;
	transition: all 800ms ease 0s;
	width: 324px;
	font-size: 0;
}

.case-tail .btn span,
.case-tail .btn strong {
	display: inline-block;
	width: 324px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	font-size: 28px;
	color: #333;
}

.case-tail .btn strong {
	font-weight: normal;
	color: #025499;
}

.case-tail a:hover .inner {
	left: -324px;
}

.story {
	overflow: hidden;
}

.story li {
	float: left;
	width: 50%;
}

.story li a {
	position: relative;
	display: block;
}

.story .imgBox {
	position: relative;
	overflow: hidden;
}

.story .imgBox .img {
	padding-bottom: 31.25%;
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-ms-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
}

.story .text {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 36px;
	color: #fff;
	line-height: 1.6;
	border: 1px solid #fff;
	padding: .5em 2em;
}

.story a:hover .img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.story a:hover .text {
	padding: .5em 2.5em;
	-webkit-box-shadow: 0 0 10px 1px rgb(255 255 255 / 30%);
	box-shadow: 0 0 10px 1px rgb(255 255 255 / 30%);
}

.toolsPN {
	position: fixed;
	z-index: 22;
	left: 0;
	bottom: 84px;
	width: 100%;
	height: 0;
}

.toolsPN .ctr {
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	border-radius: 50px;
	color: #ffffff;
	-webkit-transition: all 220ms ease 0s, all 220ms ease 0s;
	transition: all 220ms ease 0s, all 220ms ease 0s;
	text-align: center;
}

.toolsPN .ctr i {
	z-index: 1;
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	-webkit-transition: all 220ms ease 0s, all 220ms ease 0s;
	transition: all 220ms ease 0s, all 220ms ease 0s;
}

.toolsPN .ctr i:before {
	content: " ";
	z-index: -1;
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	background-color: #fff;
	opacity: .5;
	-webkit-transition: all 400ms ease 0s;
	transition: all 400ms ease 0s;
	border-radius: 50px;
}

.toolsPN .ctr s {
	font-family: "SimSun", "宋体" !important;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

.toolsPN .ctr b {
	z-index: 0;
	position: absolute;
	top: 0;
	width: 134px;
	height: 50px;
	border-radius: 50px;
	font-size: 16px;
	color: #fff;
	background-color: #2e2e2e;
	background: rgba(0,0,0,0.5);
	text-align: center;
	-webkit-transition: all 250ms ease 0ms;
	transition: all 250ms ease 0ms;
	opacity: 0;
	filter: alpha(opacity=0);
	*zoom: 1;
	visibility: hidden;
	/* *visibility: visible; */
}

.toolsPN .ctr s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-family: "SimSun", "宋体" !important;
	pointer-events: none;
}

.toolsPN .ctr:hover {
	color: #ffffff;
}

.toolsPN .ctr s {
	overflow: hidden;
	text-indent: 100%;
}

.toolsPN .ctr s:before,
.toolsPN .ctr s:after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 1px;
	background-color: #ffffff;
	-webkit-transition: all 400ms ease 0s;
	transition: all 400ms ease 0s;
}

.toolsPN .ctr:hover s:before,
.toolsPN .ctr:hover s:after {
	background-color: #ffffff;
}

.toolsPN .ctr.prev s:before,
.toolsPN .ctr.prev s:after {
	margin-left: -7px;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.toolsPN .ctr.prev s:before {
	-webkit-transform: rotate(-36deg) translateX(-0.5px);
	transform: rotate(-36deg) translateX(-0.5px);
}

.toolsPN .ctr.prev s:after {
	-webkit-transform: rotate(36deg) translateX(-0.5px);
	transform: rotate(36deg) translateX(-0.5px);
}

.toolsPN .ctr.prev:hover s:before {
	-webkit-transform: rotate(-46deg) translateX(-0.5px);
	transform: rotate(-46deg) translateX(-0.5px);
}

.toolsPN .ctr.prev:hover s:after {
	-webkit-transform: rotate(46deg) translateX(-0.5px);
	transform: rotate(46deg) translateX(-0.5px);
}

.toolsPN .ctr.next s:before,
.toolsPN .ctr.next s:after {
	margin-left: -9px;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.toolsPN .ctr.next s:before {
	-webkit-transform: rotate(-36deg) translateX(0.5px);
	transform: rotate(-36deg) translateX(0.5px);
}

.toolsPN .ctr.next s:after {
	-webkit-transform: rotate(36deg) translateX(0.5px);
	transform: rotate(36deg) translateX(0.5px);
}

.toolsPN .ctr.next:hover s:before {
	-webkit-transform: rotate(-46deg) translateX(0.5px);
	transform: rotate(-46deg) translateX(0.5px);
}

.toolsPN .ctr.next:hover s:after {
	-webkit-transform: rotate(46deg) translateX(0.5px);
	transform: rotate(46deg) translateX(0.5px);
}

.toolsPN .ctr.prev {
	left: 6.64583333%;
}

.toolsPN .ctr.prev b {
	left: -168px;
	padding-left: 34px;
}

.toolsPN .ctr.prev:hover b,
.toolsPN .ctr.prev i,
.toolsPN .ctr.prev i:before {
	left: 0;
}

.toolsPN .ctr.next {
	right: 6.64583333%;
}

.toolsPN .ctr.next b {
	right: -168px;
	padding-right: 34px;
}

.toolsPN .ctr.next:hover b,
.toolsPN .ctr.next i,
.toolsPN .ctr.next i:before {
	right: 0;
}

.toolsPN .ctr[href="#"] {
	display: none;
}

.toolsPN .ctr:hover {
	color: #fff;
	width: 168px;
}

.toolsPN .ctr:hover i:before {
	background-color: #025499 !important;
	opacity: 1;
}

.toolsPN .ctr:hover b {
	-webkit-transition: all 250ms ease 0ms;
	transition: all 250ms ease 0ms;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}

.toolsPN.followed .ctr {
	-webkit-transition: all 400ms ease 0s;
	transition: all 400ms ease 0s;
}

.toolsPN.followed .ctr i:before {
	background-color: #aaa;
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.11);
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.11);
}

.toolsPN.followed .ctr.prev {
	left: 4.64583333%;
}

.toolsPN.followed .ctr.next {
	right: 4.64583333%;
}

@media screen and (max-width: 1280px) {
	.toolsPN .ctr b {
		font-size: 14px;
	}
}

.small-banner img{
	display: block;
	width: 100%;
}


.case-detail {
    position: relative;
    z-index: 3;
    padding: 3% 0 0;
}

.case-detail .msg {
    padding: 2% 0 3%;
    text-align: center;
}

.case-detail .msg h1 {
    font-weight: bold;
    color: #333;
    font-size: 28px;
    text-align: center;
}

.case-detail .msg .outerLink {
    margin: 1em;
    text-align: center;
    font-size: 20px;
}

.case-detail .msg .outerLink .link {
	position: relative;
    color: #666;
}

.case-detail .msg .outerLink .link::after{
    position: absolute;
    bottom: 0;
    content: " ";
    width: 0;
    border-bottom: solid 1px;
    -webkit-transition: .33s;
    transition: .33s;
}

.case-detail .msg .outerLink .link::after {
    left: 50%;
}

.case-detail .msg .outerLink .link:hover::after {
    left: 0;
    width: 100%;
}

.case-detail .msg .outerLink .link:hover:hover {
    color: #53b753;
}

.case-detail .msg .hr {
    margin-top: 20px;
    width: 36px;
    height: 4px;
    margin-left: auto;
    margin-right: auto;
    background-color: #53b753;
}

.case-detail .msg .text {
    margin: 24px auto 0;
    width: 1200px;
    max-width: 90%;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
}

.case-detail .msg .btns {
    margin-top: 36px;
    margin-bottom: 36px;
    text-align: center;
}

.case-detail .msg .btns-mobile{
	display: none;
}

.case-detail .msg .btns .btn {
    margin: 0 12px;
    vertical-align: top;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 16px;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    text-decoration: none;
}

.bgc1 {
    background-color: #53b753;
}

.bgc2 {
    background-color: #d61919;
}

.abtnSc {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.case-detail .msg .btns .btn s {
    font-size: 14px;
    text-decoration: none;
}

.case-detail .msg .btns .btn .icoImg {
    margin-right: 6px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.abtnSc:after {
    z-index: -1;
    content: " ";
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -120px;
    margin-top: -120px;
    border-width: 120px;
    border-color: #fff;
    border-style: dashed;
    width: 0;
    height: 0;
    -webkit-transition: all 250ms ease 0ms;
    transition: all 250ms ease 0ms;
    opacity: 0.1;
    filter: alpha(opacity=10);
    *zoom: 1;
    visibility: hidden;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    pointer-events: none;
}

.abtnSc:hover:after {
    -webkit-transition: all 350ms ease-in 0ms;
    transition: all 350ms ease-in 0ms;
    opacity: 0.15;
    filter: alpha(opacity=15);
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
}

.case-detail .content{
	background: #f6f6f6;
	/*margin: 0 4%;*/
	padding: 4% 0;
}

.case-detail .content .contain{
	max-width: 1200px;
	margin: 0 auto;
}

.case-detail .content .title{
	font-size: 26px;
	color: #333;
	text-align: center;
	margin-bottom: 48px;
}

.case-detail .content .img img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.small-banner-2{
	position: relative;
}

.small-banner-2 .img{
	position: relative;
	overflow: hidden;
}

@keyframes imgScaleChange{
	from{
		-webkit-transform: scale(1.12);
		-moz-transform: scale(1.12);
		-ms-transform: scale(1.12);
		-o-transform: scale(1.12);
		transform: scale(1.12);
	}
	to{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.small-banner-2 .img img{
	display: block;
	width: 100%;
	animation: imgScaleChange 3s linear;	
	min-height: 200px;
	object-fit: cover;
}

.small-banner-2 .text{
	position: absolute;
	left: 20%;
	right: 20%;
	line-height: 1.5;
	font-size: 26px;
	color: #fff;
	top: 50%;
	text-align: center;
}

.news{
	margin-bottom: 64px;
}

.news-header{
	padding: 64px 0 48px;
}

.news-header .news-title{
	display: none;  
}

.news-header li{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.news-header li a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	background: #fff;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 15px;
	color: #333;
}

.news-header li a:hover,
.news-header li a.active{
	background: #025499;
	color: #fff;
}

.news-block{
	/*overflow: hidden;*/
}
.news-block{
	float: left;
	width: 33%;
	 
}
.news-block .news-title
{ 
 
	
	position: relative;
	 
	 
	font-size: 20px;
	color: #333;
	font-weight: bold;  text-align:center
   
    }
.news-block ul{
	 
}
.news-block li{
	float: left;
}

.news-block li a{
	display: block;
	margin-left: 44px;
	background: #fff;color: #333;
	padding: 10px 4px 10px 0;
}
.news-body{
	/*overflow: hidden;*/
}


.news-body ul{
	margin-left: -44px;
	 
}

.news-body li{
	float: left;
	width: 50%;
	margin-bottom: 4px;
}

.news-body li a{
	display: block;
	margin-left: 44px;
	background: #fff;
	padding: 5px 5px 5px 0;
}

.news-body .date{
	float: left;
	width: 132px;
	text-align: center;
}

.news-body .date .day{
	font-size: 30px;
	font-weight: bold;
	color: #333;
}

.news-body .date .year{
	font-size: 12px;
	color: #333;
	margin-top: 6px;
}
 
.productnav{
	padding: 5px 0 5px;
}

 
.productnav li{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.productnav li a{
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 30px;
	background: #fff;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 14px;
	color: #333;
	border: 1px solid #eaeaea;
	width:90px;
}

.productnav li a:hover,
.productnav li a.active{
	background: #025499;
	color: #fff;
}

.news-body .text{
	margin-left: 132px;
}

.news-body .text .title{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-body .text .desc{
	font-size: 14px;
	color: #666;
	line-height: 22px;
	height: 44px;
	margin-bottom: 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-body .text .icon{
    font-size: 14px;
    width: 36px;
    height: 9px;
    color: #666666;
    background: url(../img/icon/more.png) no-repeat -36px center;
    display: block;
    margin: 0;
    line-height: 24px;
    transition: all 0.5s ease 0s;
}

.news-body ul li a:hover .date .day,
.news-body ul li a:hover .date .year{
	color: #025499;
}

.news-body ul li a:hover .text .title{
	color: #025499;
}

.news-body ul li a:hover .text .icon {
    background: url(../img/icon/more.png) no-repeat 0 center;
}

.loadMore{
	display: block;
	width: 234px;
	text-align: center;
	margin: 48px auto;
	font-size: 15px;
	color: #fff;
	background: #025499;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 30px;
}

.loadMore i{
	display: inline-block;
	margin-right: 8px;
	font-size: 18px;
}

.news-detail .content-header .tag{
	display: block;
	line-height: 28px;
	background: #5b59d3;
	font-size: 14px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 12px;
}

.news-detail .content-header .year{
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.news-detail .content-header .year::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	border-top: 1px solid #e5e5e5;
}

.news-detail .content-header .year span{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 16px;
	background: #fff;
	font-size: 15px;
	color: #666;
}

.news-detail .content-header .date{
	text-align: center;
	font-size: 26px;
	color: #333;
	margin-top: 12px;
}

.news-detail .content-header .time{
	font-size: 15px;
	color: #666;
	text-align: center;
	margin-top: 16px;
}

.news-detail .content-header .author{
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
}

.news-detail .content-header .bshare-custom{
	margin-top: 24px;
	text-align: center;
}

.news-detail .bshare-custom div{
	position: relative;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto 10px;
	border-radius: 50%;
	overflow: hidden;
    background-color: #dbdbdb !important;
}

.news-detail .bshare-custom a{
	position: relative;
	height: 50px;
	padding-left: 50px;
	margin: 0 auto;
    background-position: 0 0 !important;
    background-size: 50px 50px !important;
    background-color: transparent !important;
}

.news-detail .bshare-custom a:hover{
	opacity: 1 !important;
}

.news-detail .bshare-custom div::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: all .3s ease;
	border-radius: 50%;
}
.news-detail .bshare-custom div:hover::before{
	transform: scale(1);
}

.news-detail .bshare-custom .bshare-weixin {
    background: url(../img/icon/share/share-ico-weixin.png) no-repeat;
}

.news-detail .bshare-custom .bshare-weixin-box::before{
	background: rgb(61,190,91) !important;
}

.news-detail .bshare-custom .bshare-sinaminiblog {
    background: url(../img/icon/share/share-ico-weibo.png) no-repeat;
}

.news-detail .bshare-custom .bshare-sinaminiblog-box::before{
	background: rgb(255,87,87) !important;
}

.news-detail .bshare-custom .bshare-qqim {
    background: url(../img/icon/share/share-ico-qq.png) no-repeat;
}

.news-detail .bshare-custom .bshare-qqim-box::before{
	background: rgb(33,179,247) !important;
}

.news-detail .bshare-custom .bshare-qzone {
    background: url(../img/icon/share/share-ico-qzone.png) no-repeat;
}

.news-detail .bshare-custom .bshare-qzone-box::before{
	background: rgb(248,197,20) !important;
}

.news-detail{
	padding: 48px 0 56px;
}

.news-detail .title{
	font-size: 26px;
	color: #025499;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 40px;
}

.news-detail .content-header{
	float: left;
	width: 120px;
}

.news-detail .content-body{
	margin-left: 150px;
	padding: 0 16px;
	font-size: 15px;
	color: #666666;
	line-height: 36px;
}

.news-detail .content-body .text{
	margin-bottom: 64px;
}


.news-detail .content-body .page{
	margin-bottom: 48px;
}

.news-detail .content-body .page p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-detail .content-body .page a{
	color: #666;
}

.news-detail .content-body .page a:hover{
	color: #025499;
	text-decoration: underline;
}

.news-detail .content-body .youlike li{
	float: left;
	width: 50%;
}

.news-detail .content-body .youlike li a{
	display: block;
	padding-right: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
}

.news-detail .content-body .youlike li a:hover{
	color: #025499;
	text-decoration: underline;
}

.news-detail .content-body .youlike .s-title{
	font-size: 18px;
	color: #333;
	margin-bottom: 12px;
}

.about-wenhua{
	padding: 120px 0;
	color: #fff;
	font-size: 20px;
	line-height: 1.6;
	text-align: center;
}

.about-wenhua .cn{
	margin: 8px 0;
}

.about-wenhua .slogan{
	font-size: 24px;
}

.about-title{
	position: relative;
	max-width: 72%;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
}

.about-title::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 40px;
	height: 3px;
	background: #025499;
}

.about-title .title{
	font-size: 22px;
	color: #333;
	margin-bottom: 12px;
}

.about-title .desc{
	font-size: 14px;
	color: #333;
	line-height: 20px;
}

.about-liucheng{
	padding: 64px 0 100px;
}

.about-liucheng .about-title{
	margin-bottom: 64px;
}

.about-liucheng .inner{
	width: 80%;
	margin: 0 auto;
}

.about-liucheng .list ul{
	padding-left: 100px;
	width: 420px;
}

.about-liucheng .list li{
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 1px;
	border-bottom: 1px solid #aaaaaa;
}

.about-liucheng .list li:last-child{
	border: none;
}

.about-liucheng .list dl{
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
	width: 50%;
	font-size: 14px;
	color: #333;
	line-height: 1.4;
	margin-bottom: 30px;
}

.about-liucheng .list dl dt{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}

.about-liucheng .list .ico{
	position: absolute;
	left: -68px;
	top: 0;
	bottom: 0;
}

.about-liucheng .list .ico::before{
	content: "";
	left: 21px;
	top: 42px;
	bottom: 0;
	border-left: 1px solid #333;
	position: absolute;
}

.about-liucheng .list .ico::after{
	content: "";
	left: 19px;
	bottom: 0;
	position: absolute;
	width: 5px;
	height: 5px;
	background: #333;
	border-radius: 50%;
}

.about-liucheng .list .ico span{
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	border: 2px solid #333;
	border-radius: 50%;
}

.about-liucheng .list li:last-child .ico::before,
.about-liucheng .list li:last-child .ico::after{
	display: none;
}

.about-liucheng .list li.active .ico span{
	border-color: #025499;
	color: #025499;
}

.about-youshi {
    padding: 64px 0 100px;
}

.about-youshi .list{
	margin-top: 56px;
	/*overflow: hidden;*/
}

.about-youshi .list ul{
	margin-left: -24px;
}

.about-youshi .list li{
	float: left;
	width: 33.33333%;
	margin-bottom: 24px;
}

.about-youshi .list .inner{
	margin-left: 24px;
	border: 1px solid #eaeaea;
	padding: 20px 44px;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	cursor: pointer;
}

.about-youshi .list .inner .title{
	background: url(../img/icon/select-1.png) left top no-repeat;
	background-size: 20px 20px;
	padding-left: 32px;
	line-height: 20px;
	font-size: 16px;
	margin-bottom: 8px;
}

.about-youshi .list .inner:hover{
	background: #025499;
	color: #fff;
	border-color: #025499;
	box-shadow: 0 0 12px rgba(128,128,128,1);
}

.about-youshi .list .inner:hover .title{
	background-image: url(../img/icon/select-2.png);
}

.about-youshi .btns{
	margin-top: 36px;
	text-align: center;
}
.about-youshi .btns .btn{
	display: inline-block;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	padding: 0 36px;
	border-radius: 25px;
	font-size: 15px;
	color: #fff;
	margin: 0 12px;
}

.chanpin .btns{
	margin-top: 36px;
	text-align: center;
}
.chanpin .btns .btn{
	display: inline-block;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	padding: 0 36px;
	border-radius: 25px;
	font-size: 15px;
	color: #fff;
	margin: 0 12px;
}
.chanpin .btns .btn1{
	background: #025499;
}

.about-youshi .btns .btn1{
	background: #025499;
}

.about-youshi .btns .btn2{
	background: #d51419;
}

.about-header{
	padding: 160px 0 120px;
}

.about-header .inner{
	max-width: 72%;
	margin: 0 auto;
	color: #fff;
	font-size: 13px;
}

.about-header .jianjie{
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	margin-bottom: 40px;
}

.about-header .jianjie .year{
	font-size: 18px;
	margin-bottom: 12px;
}

.about-header .jianjie .title{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 24px;
}

.about-header .jianjie .desc{
	line-height: 22px;
	max-width: 72%;
}

.about-header .number ul{
	max-width: 64%;
}

.about-header .number li{
	float: left;
	width: 33.33333%;
}

.about-header .number .num{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 12px;
}

.about-header .number .num i{
	font-size: 36px;
	vertical-align: -4px;
}

.about-header .number .tip{
	line-height: 1.5;
}

.contactus .inner{
	max-width: 1366px;
	margin: 0 auto;
	padding: 90px 0 64px;
}

.contactus .msg{
	float: left;
	line-height: 1.5;
}

.contactus .msg .title{
	font-size: 26px;
	color: #025499;
	margin-bottom: 24px;
}

.contactus .msg .desc{
	font-size: 14px;
	color: #333;
	margin-bottom: 30px;
}

.contactus .msg .qrcode .item{
	float: left;
	width: 120px;
	margin-right: 16px;
}

.contactus .msg .qrcode .item img{
	display: block;
	width: 100%;
}

.contactus .msg .qrcode .item p{
	text-align: center;
	margin-top: 6px;
	color: #333;
}

.contactus .msg .desc p{
	margin-bottom: 6px;
}

.contactus .form{
	float: right;
	width: 54%;
}

.contactus .form .title{
	font-size: 18px;
	color: #666;
	line-height: 1.4;
	margin-bottom: 24px;
}
input::placeholder {
    color: #666;
}
.contactus .form .item{
	margin-bottom: 12px;
	background: #f5f5f5;
	padding: 6px 12px;
}

.contactus .form  input{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
border-bottom:1px #000000 solid
 
}

.contactus .form  textarea{
	display: block;
	width: 100%;
	resize: none;
	line-height: 20px;
	padding: 6px 0;
	border-bottom:1px #000000 solid
}

.contactus .form .submitBtn{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #fff;
	background: #025499;
	cursor: pointer;
}
 .form  input{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	border-bottom:1px #000000 solid
 
}
 .form  textarea{
	display: block;
	width: 100%;
	resize: none;
	line-height: 20px;
	padding: 6px 0;
	border-bottom:1px #000000 solid
}

 .form .submitBtn{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #fff;
	background: #025499;
	cursor: pointer;
}

.map{
	position: relative;
	padding-bottom: 30.625%;
}

.map::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
}

.map .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 454px;
    height: 162px;
    margin-top: -148px;
    margin-left: -140px;
    cursor: pointer;
}

.map .dot-info {
    position: relative;
    background-color: #fff;
    font-size: 0;
    padding: 24px;
}

.map .dot-info:before {
    content: '';
    width: 39px;
    height: 29px;
    background: url(../img/icon/map-icon.png) no-repeat center;
    position: absolute;
    bottom: -28px;
    left: 124px;
}

.map .dot-info .img {
    display: inline-block;
    vertical-align: middle;
    height: 44px;
}

.map .dot-info .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #444;
    padding: 0 10px;
}

.map .dot-info .close {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/icon/map-close.png) no-repeat center;
    top: 11px;
    right: 11px;
    z-index: 5;
    cursor: pointer;
}

.map .dot .ico {
    display: block;
    margin-top: 30px;
    margin-left: 98px;
}

.map-box {
    position: fixed;
    left: 0;
    top: 50%;
    bottom: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    z-index: 100;
    width: 100%;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    z-index: 9999;
}

.map-box .close {
	display: none;
	visibility: hidden;
	opacity: 0;
    width: 40px;
    height: 40px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    background: url(../img/icon/hello-close.png) no-repeat center center #0C68B3;
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 9;
    cursor: pointer;
}

.map-box iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*.vishide #allmap{
	opacity: 0;
	visibility: hidden;
}*/

.map-box.open {
    display: block;
    bottom: 0;
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.map-box.open .close{
	display: block;
	visibility: visible;
	opacity: 1;
}


/*
 ecx3186OfEO8mVU4lfwyQbyTgQfgzZzd
 116.497849
 39.909393
 * */

#allmap {height: 100%;width:100%;overflow: hidden;}

.vishide{
	display: none;
}

.BMapLib_bubble_content{
	height: 203px !important;
}

.BMapLib_trans{
	top: 316px !important;
}

.index-news{
	padding: 90px 0 46px;
	 
}

.index-news .news-body li{
	width: 33.33333%;
}

.news-body li a{
	border: 1px solid transparent;
}

.news-body li a:hover{
	border-color: #025499;
	box-shadow: 0 0 16px rgba(2,84,153,0.3);
}

.index-news-header{
	text-align: center;
	margin-bottom: 64px;
}

.index-news-header span{
	position: relative;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 48px;
}

.index-news-header span b {
    position: absolute;
    right: -6px;
    top: -12px;
    text-align: center;
    font-style: normal;
    font-family: '宋体';
    border-radius: 50%;
    border: 1px solid #333;    
    font-size: 13px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.index-news-header span::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px solid #333;
}

.index-news-header span i{
	position: relative;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #f2f4f7;
	padding: 0 16px;
	font-size: 32px;
	color: #333;
	font-weight: bold;
}

.index-case li{
	float: left;
	width: 25%;
}

.index-case li a{
	position: relative;
	display: block;
	padding-bottom: 64.315%;
}

.index-case li a::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0;
	background: rgba(2,84,153,0.9);
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	
}

.index-case li .inner{
	position: absolute;
	top: 24px;
	left: 24px;
	right: 24px;
	bottom: 24px;
	opacity: 0;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.index-case li .inner::before,
.index-case li .inner::after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	box-sizing: border-box;
	visibility: hidden;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.index-case li .inner::before{
	left: 0;
	top: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.index-case li .inner::after{
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.index-case li .inner .text{
	position: absolute;
	top: 50%;
	left: 48px;
	right: 48px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 1.5;
}

.index-case li a:hover::before{
	opacity: 1;
}

.index-case li a:hover .inner{
	opacity: 1;
}

.index-case li a:hover .inner::before,
.index-case li a:hover .inner::after{
	width: 100%;
	height: 100%;
	visibility: visible;
}


.loadMore2 {
	text-align: center;
}

.loadMore2 a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 48px;
	cursor: pointer;
}

.loadMore2 a span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 24px;
    font-size: 16px;
    color: #333;
    background-image: url(../img/icon/i-more2.png);
    background-position: 24px center;
    background-color: #f2f4f7;
    padding-left: 52px;
    background-repeat: no-repeat;
    line-height: 24px;
}

.loadMore2 a::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px solid #9e9e9e;
}

.loadMore2 a:hover span{
	background-image: url(../img/icon/i-more-on.png);
	color: #025499;
}

.loadMore2 a:hover::before{
	border-color: #025499;
}

.index-news .loadMore2{
	margin-top: 48px;
}

.index-fuwu{
	position: relative;
	 
}

.index-fuwu .inner{
	position: relative;
}

.index-fuwu:before {
    content: '';
    position: absolute;
    left: 93px;
    bottom: 0;
    width: 315px;
    height: 393px;
    background: url(../img/icon/i-bg1.png) no-repeat center center;
}

.index-fuwu .imgList{
	float: right;
	width: 734px;
}

.index-fuwu .inner .pagination{
	position: absolute;
	left: 25%;
	right: 0;
	bottom: 36px;
	text-align: center;
	z-index: 99;
}

.index-fuwu .inner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

.index-fuwu .inner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}

.index-fuwu .inner .link {
    position: absolute;
    top: 87px;
    left: 140px;
    right: 735px;
    z-index: 2;
}

.index-fuwu .inner .link .s-title{
	position: relative;
	font-size: 26px;
	color: #025499;
	padding-left: 36px;
	font-weight: bold;
	margin-bottom: 48px;
}

.index-fuwu .inner .link .s-title::after{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	height: 4px;
	background: #025499;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.index-fuwu .inner .link li{
	float: left;
	width: 50%;
	margin-bottom: 48px;
}

.index-fuwu .inner .link li .img{
	display: inline-block;
	vertical-align: top;
	width: 66px;
	height: 66px;
}

.index-fuwu .inner .link li .img2{
	display: none;
}

.index-fuwu .inner .link li.active .img1{
	display: none;
}

.index-fuwu .inner .link li.active .img2{
	display: inline-block;
}

.index-fuwu .inner .link li .text{
	display: inline-block;
	vertical-align: top;
	line-height: 66px;
	margin-left: 16px;
	font-size: 26px;
	color: #333;
	font-weight: bold;
}

.index-fuwu .inner .link li.active .text{
	color: #025499;
}

.index-fuwu .inner .content{
	position: absolute;
	bottom: 110px;
    left: 140px;
    max-width: 1262px;
    width: 67.7%;
    z-index: 2;
}

.index-fuwu .content .item{
	position: absolute;
	bottom: 0;
    left: 0;
    right: 0;
	display: none;
    padding: 45px 42px 48px 70px;
    background-color: #fff;
    box-shadow: -23.316px 37.314px 43px 0px rgb(3 3 15 / 23%);
}

.index-fuwu .content .item-title{
	font-size: 20px;
	color: #333;
	margin-bottom: 24px;
}

.index-fuwu .content .item-desc{
	font-size: 13px;
	color: #333;
	line-height: 20px;
}

.index-slogan{
	padding: 10px 0;
	 
}

.index-slogan .title{
	display: block;
	margin: 0 auto 24px;
	max-width: 80%;
}

.index-slogan .desc{
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	 
}

.index-slogan .list{
	max-width: 64%;
	margin: 0 auto;
}

.index-slogan .list li{
	float: left;
	width: 33.33333%;
	text-align: center;
	font-size: 16px;
}

.index-slogan .list li .number{
	color: #025499;
	margin-bottom: 12px;
}

.index-slogan .list li .num{
	font-size: 40px;
	font-weight: bold;
}

.index-fuwu .loadMore2{
	position: absolute;
	left: 140px;
	bottom: 24px;
}

.index-fuwu .loadMore2 a{
	padding: 0;
}

.index-fuwu .loadMore2 a::before{
	display: none;
}

.index-fuwu .loadMore2 a span{
	background-color: transparent;
	padding-left: 27px;
	padding-right: 0;
	background-position: left center;
}

.mobile-footer{
	display: none;
	position: fixed;
	bottom: 6px;
	left: 16px;
	right: 16px;
	background: #025499;
	border-radius: 22px;
	z-index: 99;
}

.mobile-footer li{
	float: left;
	width: 33.33333%;
}

.mobile-footer li a{
	position: relative;
	display: block;
	font-size: 20px;
	color: #fff;
	height: 44px;
	line-height: 44px;
	text-align: center;
}

.mobile-footer li a i{
	display: block;
	height: 44px;
	line-height: 44px;
}

.mobile-footer li a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-left: 1px solid rgba(255,255,255,0.2);
}

.mobile-footer ul li:nth-child(2) a i{
	vertical-align: 2px;
}
.cad_list
{ padding:10px; height:360px;  
}
.cad_list ul li {
 width :25%
}

.cadlist_icon {
	width: 175px;
	height: 105px;
	border-radius: 100%;
	background: #eaeaea;
	margin: 0 auto;
	position: relative;
	display: table;
	border: 8px solid #f3f3f3;
	box-shadow: 0 0 0 30px transparent;
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}
 .icon {
	z-index: 10;
	 
	display: block;
	position: absolute;
	left: 50%;
	height: 79px;
	top: 18px;
	vertical-align: middle;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.cadlist_icon .icon1 {
    background     : url(../img/icon1.png) no-repeat;
	width: 80px;
	margin-left: -40px;
}
.cadlist_icon .icon2 {
	  background     : url(../img/icon2.png) no-repeat;
	width: 80px;
	margin-left: -40px;
}
.cadlist_icon .icon3 {
  background     : url(../img/icon3.png) no-repeat;
	width: 80px;
	margin-left: -50px;
}
.cadlist_icon .icon4 {
	  background     : url(../img/icon4.png) no-repeat;
 width: 80px;
	margin-left: -32px;
}
.cadlist_txt {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.cadlist_list ul li:hover .cadlist_txt h2 {
	color: #025499;
}

.cadlist_tit {
	text-align: center;
}
.cadlist_tit h2 {
	margin-bottom: 20px
}
.cadlist_list {
	margin-top: 95px;
}
.cadlist_txt h3 {
	color: #8e8e8e
}
.cadlist_txt h2 {
	margin-top: 22px;
	margin-bottom: 11px;
	font-size: 22px;
	color: rgb(102, 102, 102);
	transition: .45s;
}
.cadlist_txt p {
	color: #3c3c3c;
	line-height: 24px;
	text-align: justify;
	ms-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-oz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	-oz-transform: scale(0.8);
	-ms-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	font-size:14px
}
.cadlist_txt.cur p {
	-oz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}