.article{font-size: 16px;
    line-height: 2em;
    color: #808080;
    text-align: justify;}
 

.ccgl .nr .item{position: absolute; animation: myshake 2s ease infinite;-webkit-animation: myshake 2s ease infinite}
	.ccgl .nr .imgbox{width:50px;height:50px;border-radius: 100%;transition: all 0.5s;  box-shadow: 0 0 30px rgba(1,126,255,.2); }
	.ccgl .nr .item:hover .imgbox{  box-shadow: 0 0 30px rgba(240,130,0,.2);}
	
	.ccgl .nr .imgbox img{width:100%;}
	.ccgl .nr .item h5{position: relative;}

	.ccgl .nr .item1{left:18%;top:0;-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;}
	.ccgl .nr .item1 h5{position: absolute; left: -155%; top: 46%;}

	.ccgl .nr .item2{right:18%;top:-2%;-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;}
	.ccgl .nr .item2 h5{position: absolute; right: -155%; top: 46%;}

	
	.ccgl .nr .item3{left: 3.5%; top: 25%;-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;}
	.ccgl .nr .item3 h5{position: absolute; left: -97%;top: 85%;}

	
	.ccgl .nr .item4{right: 3.5%; top: 24%;-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;}
	.ccgl .nr .item4 h5{position: absolute; right: -97%;top: 85%;}



	.ccgl .nr .item5{left: 5.5%;top: 59%;-webkit-animation-delay: 0.12s;
    animation-delay: 0.12s;}
	.ccgl .nr .item5 h5{position: absolute; left: -86%;top: 85%;}
	
	.ccgl .nr .item6{right: 5.5%;top: 59%;-webkit-animation-delay: 0.23s;
    animation-delay: 0.23s;}
	.ccgl .nr .item6 h5{position: absolute; right: -86%;top: 85%;}


	.ccgl .nr .item7{left: 22.5%; top: 82%;-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;} .ccgl .nr .item7 h5{position: absolute;left: -25%; top: 91%;}
	.ccgl .nr .item8{right: 22.5%; top: 80%;} .ccgl .nr .item8 h5{position: absolute;right: -25%; top: 91%;}

	.ccgl .yuan{width:80%;height: 0;padding-top:80%;border:1px solid #f08200;border-radius: 100%;margin:0 auto;position: relative;-webkit-animation: trail1_ 20s linear infinite; animation: trail1_ 20s linear infinite;}
	.ccgl .yuan b{position: absolute;width:40px;height: 40px;background: white;}
	.ccgl .yuan b:nth-child(1){left:0;right:0;top:-20px;margin:auto;}
	.ccgl .yuan b:nth-child(2){left:0;right:0;bottom:-20px;margin:auto;}
	.ccgl .yuan b:nth-child(3){top:0;bottom:0;left:-20px;margin:auto;}
	.ccgl .yuan b:nth-child(4){top:0;bottom:0;right:-20px;margin:auto;}

	.ccgl .yuan b:before{content:'';width:20px;height: 20px;display: block;}
	
    .ccgl .yuan b:nth-child(1):before{transform: rotate(20deg);margin-left:-15px;margin-top:-2px;border-bottom:1px solid #f08200;}
    .ccgl .yuan b:nth-child(2):before{transform: rotate(20deg);margin-left:0;margin-top:0;position: absolute; right: -16px; top: 21px;border-top:1px solid #f08200;}
    .ccgl .yuan b:nth-child(3):before{transform: rotate(20deg); position: absolute;border-right: 1px solid #f08200; top: 36px; left: -2px;}
    .ccgl .yuan b:nth-child(4):before{transform: rotate(20deg); position: absolute;border-left: 1px solid #f08200; left: 21px; top: -15px; }
	
	.ccgl .nr h4{position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;text-align: center;line-height: 100%;height: 10px;color:#111}
	.ccgl .nr{width:100%;position: relative;}
	.ccgl .clyq .row{display: flex;padding:20px 50px}
	.ccgl .clyq .row  ul{width:250px}
	.ccgl .clyq .row .col-md-4{display: flex;align-items: center;font-size: 15px;color:#333}
	.ccgl .clyq .row .col-md-4 .left{text-align: right;padding-top:15px;}
	.ccgl .clyq .row .col-md-4   li{position: relative}
	.ccgl .clyq .row .col-md-4 .left li:before{content:'';display: block;width:10px;height: 10px;background: #017eff;right: -25px; top: 0; bottom: 0; margin: auto; position: absolute; border-radius: 10px;}
	.ccgl .clyq .row .col-md-4 .right li:before{content:'';display: block;width:10px;height: 10px;background: #017eff;left: -25px; top: 0; bottom: 0; margin: auto; position: absolute; border-radius: 10px;}
	.ccgl .clyq .row .col-md-4 .right{    position: absolute;right: 15px;}

	.advance .hd {
			height: 70px;
			line-height: 70px;
		}
		.advance .tempWrap{
			margin-top:50px
		}
		.advance .hd ul {
			height: 100%;
			display: flex;
			width: 50%;
			margin: auto;
			justify-content: space-around;
			text-align: center;
			border-bottom: 1px solid rgba(0,0,0,0.3);
			position: relative;
		}

		.advance .hd ul .after {
			height: 3px;
			width: 33.33%;
			background: #017eff;
			position: absolute;
			left: 0;
			bottom: 0;
			transition: all 0.5s
		}

		.advance .hd ul li {
			cursor: pointer;
			width: 32%;
			color:#333;
			font-size: 20px
		}

		.advance .bd {
			margin-top:70px  
		}

	.ccgl .ygl  .col-md-4{
		 
    padding: 0 50px;
	}

	.ccgl .ygl  .tp{
		background: #017eff;
			color: white;
			text-align: center;
			transition: all 0.5s
	}
.ccgl .ygl  .tp h3{
	color: white;
    padding-bottom: 25px;
    margin-bottom: 0;
}



.ccgl .ygl  p{
	background: #fff;
    text-align: justify;
    padding: 15px;
    margin-top: 0;
    height: 10em;
    display: flex;
    align-items: center;
	justify-items: center;
	border:1px solid #ccc;
	font-size:14px;
	line-height: 1.75em;
}
.ccgl .ygl  p a{
	display: block;
    width: 100%;
	text-align: justify;
	color:#444
}




	.ccgl .table {
		display: flex
	}

	.ccgl .table .right .arr {

		display: flex;
		padding: 0 1em;
		flex-direction: column;
		justify-content: space-around
	}

	.ccgl .table .right .pannel {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		background: white;
		padding: 0.5em;
	}

	.ccgl .table .right .arr span {
		width: 2em;
		display: block;
		line-height: 1.2em
	}

	.ccgl .table .left {

		width: 85%;
	}

	.ccgl .table .right {

		width: 15%;
		display: flex;
	}

	.ccgl .table .line {
		display: flex;
		background: white;
		margin: 5px 0
	}

	.ccgl .table .tr {
		display: flex;
		flex: 1;
		justify-content:start;

		padding: 0.5em;
		flex-wrap: wrap;
		box-sizing: border-box
	}

	.ccgl .table .td {
		background: #f3f7fa;
		font-size: 14px;
		width: 15%;
		text-align: center;
		margin: 0.5% 0;
		height: 2.2em;
		line-height: 2.2em;
		margin-right:1.6%
	}

	.ccgl .table .th {
		width: 140px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: 5px solid #f5f5f5
	}

	.ccgl .table .box .tr {
		padding-left: 0.8em;
		padding-right: 0;
		justify-content: start;
	}

	.ccgl .table .box:first-child .tr {
		padding-left: 0
	}

	.ccgl .table .box h4 {
		text-align: center;
		margin: 0;
		font-size: 16px
	}

	.ccgl .table .box .tr .td {
		margin-right: 2%
	}

	.ccgl .table .col-3 .td {
		width: 30%
	}

	.table .col-6 .td{
		width: 22%
	}
	.table .col-4 .td{
		width: 48%
	}

	.table .col-2 .td {
		width: 48%
	}

	.ccgl .table .right .pannel .td {
		width: 100%;
		height: 3em;
		line-height: 3em;
		font-size: 15px;
		color: #ef7b00
	}





	.b {
		border: 1px solid red
	}

	ul {
		padding-left: 0
	}

	li {
		list-style: none
	}

	.col-5 {
		width: 50%
	}
	.col-4 {
		width: 40%
	}
	.col-6{
		width: 60%
	}

	.col-3 {
		width: 30%
	}

	.col-2 {
		width: 20%
	}

	.section {
		position: relative;
		padding: 3.5vw 0;
		background: white
	}

	.section.bg {
		background: #f5f5f5
	}

	.section .common_title h3 {
		font-size: 35px;
		color: #333333;
		text-align: center
	}

	.section .common_title h4 {
		font-size: 14px;
		color: #bfbfbf;
		text-transform: uppercase;
	}

	.section .desc {
		margin-top: 40px;
		padding-top: 10px;
		font-size: 16px;
		color: #808080;
		line-height: 40px;

	}








.common_crumb{position: fixed; right: 0; bottom: 0; width: calc(100% - 180px); text-align: right; padding: 0 60px; font-size: 12px; color: #fff; line-height: 40px; background: -webkit-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,.3)); background: -o-linear-gradient(right, rgba(0,0,0,0) , rgba(0,0,0,.3)); background: -moz-linear-gradient(right, rgba(0,0,0,0) , rgba(0,0,0,.3)); background: linear-gradient(to right, rgba(0,0,0,0) , rgba(0,0,0,.3));  z-index: 2;}
.common_crumb a{color: #fff;}
.common_crumb i{display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin: -3px 10px 0 0; background: url(../images/common_icon3.png) center no-repeat;}


.sbanner{
	height:100vh;
	top:-80px;
	width:100%;
    position: fixed;
    top: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.scrollFlag{position: absolute; bottom: 50px; left: 0; right: 0; width: 70px; text-align: center; margin: 0 auto; font-size: 16px; color: #fff;}
.scrollFlag .icon{width: 20px; display: block; margin: 10px auto 0;}
.scrollFlag .icon:before,
.scrollFlag .icon:after{content: ''; width: 20px; height: 10px; background: url(../images/scroll_down.png); display: block; opacity: 0;}
.scrollFlag .icon span{width: 20px; height: 10px; background: url(../images/scroll_down.png); display: block; opacity: 0;}
.scrollFlag .icon:before{-webkit-animation: ani-svg1 1s linear infinite; animation: ani-svg1 1s linear infinite;}
.scrollFlag .icon span{-webkit-animation: ani-svg2 1s linear infinite; animation: ani-svg2 1s linear infinite;}
.scrollFlag .icon:after{-webkit-animation: ani-svg3 1s linear infinite; animation: ani-svg3 1s linear infinite;}
@-webkit-keyframes ani-svg1{
	0%{opacity: 0;}
	20%{opacity: .3;}
	90%{opacity: .3;}
	100%{opacity: 0;}
}
@-webkit-keyframes ani-svg2{
	0%{opacity: 0;}
	20%{opacity: 0;}
	40%{opacity: .6;}
	90%{opacity: .6;}
	100%{opacity: 0;}
}
@-webkit-keyframes ani-svg3{
	0%{opacity: 0;}
	40%{opacity: 0;}
	60%{opacity: 1;}
	90%{opacity: 1;}
	100%{opacity: 0;}
}
@keyframes ani-svg1{
	0%{opacity: 0;}
	20%{opacity: .3;}
	90%{opacity: .3;}
	100%{opacity: 0;}
}
@keyframes ani-svg2{
	0%{opacity: 0;}
	20%{opacity: 0;}
	40%{opacity: .6;}
	90%{opacity: .6;}
	100%{opacity: 0;}
}
@keyframes ani-svg3{
	0%{opacity: 0;}
	40%{opacity: 0;}
	60%{opacity: 1;}
	90%{opacity: 1;}
	100%{opacity: 0;}
}

@-webkit-keyframes trail_ {
    from {
        -webkit-transform: rotateZ(0)
    }
    
    to {
        -webkit-transform: rotateZ(-360deg)
    }
    }
    
    @-webkit-keyframes trail1_ {
    from {
        -webkit-transform: rotateZ(0)
    }
    
    to {
        -webkit-transform: rotateZ(360deg)
    }
    }
.sbanner .txt_block{position: absolute; top: 50%; left:0;right:0;margin:auto;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sbanner .txt_block h3{font-size: 40px; color: #fff; font-weight: 600;text-align: center}
.sbanner .txt_block h3:after{content:'';display: block;width:210px;height: 4px;background: #017eff;margin:25px auto;}
.sbanner .txt_block h4{font-size: 30px; font-family: 'Arial'; color: rgba(255,255,255,.3); margin: 5px 0 8px; text-transform: uppercase;}
.sbanner .txt_block p{padding: 15px 15px;text-align: center; font-size: 28px; color: #fff;}

.a1,.a1 *{transition: all 0.5s}
.a1:hover{transform: translateY(-5px);}
.a1 :hover img{transform: rotateY(360deg);}
.a1:hover .tp{background: #ef7b00}

.common_title .container{margin:50px auto}
#bg{transition: all 0.5s}
.advance1 .hd{
	height: auto ;

}
.advance1 .hd ul{
	padding-bottom: 50px;
	width: 90%;
	padding:  8%;
}
.advance1 .hd ul li{
	width: 25%;
	transition: all 0.5s
}
.advance1 .hd ul li.on{
	border:3px solid  #f08200;
	transform: scale(1.1)
}
.advance1 .hd ul .after{
	background:#f08200;
}
.advance1 .bd{color:white;text-align: center;margin-top: 40px !important;}
.advance1 .bd h4{color:white;font-size: 24px}

	
.shou{height: 400px;float: right;}
.pda{padding: 0 70px;display: flex}
.pda .row{display: flex}
.shouji .swiper-slide{height: 305px;}
.shouji .swiper-slide img{width: 178px}

.pda .shouji{position: relative;width:460px;}
.pda  li{position: relative;line-height: 1.5em;
margin-bottom: 10px;}
.pda  li:before{content: '';
display: block;
width: 10px;
height: 10px;
background: #017eff;
left: -25px;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
border-radius: 10px;}
.pda .shouji .inner{position: absolute;width:178px;height: 305px; left: 199px;top: 52px;background: white}
@media (max-width: 1500px){
		.pda .shouji .inner {
			left: 149px;
		}
}

@media (max-width: 1200px){
		.pda .shouji .inner {
			left: 74px;
		}
}


@media (max-width: 992px){
.pda .shouji .inner {
left: 38px;
}
}
@media (max-width: 768px){
.pda .shouji .inner {
left: 39px;
}
.mnr{
margin-left:28px !important;
}
}
@media (max-width: 480px){
.pda .shouji .inner {
left: 37px;
}
}