img{

	max-width: 100%

}





body{

	font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;

}

.navbar{

	background: #fff;

	border: none;

	padding-top: 25px;

	padding-bottom: 25px;

	margin-bottom: 0;

}

..navbar-default .navbar-collapse, .navbar-default .navbar-form{

	background: #fff;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

	background: none;

	border-bottom: 1px solid #39a5fd;	

	color: #000;

}

.navbar-nav{

	margin-top: 15px;

}

@media (min-width: 768px){

	.navbar-nav > li > a {

	    padding-top: 10px;

	    padding-bottom: 10px;

	    padding-right: 5px;

	    padding-left: 5px;

	    color: #000;

	    font-size: 18px;

	}

	.nav > li{

		padding:0 28px;

	}

}

.navbar-default .navbar-nav > li > a{

	color: #000;

}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{

	background: url() no-repeat center;

	width: 213px;

	height: 54px;

	text-indent: -999px;

}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{

	bottom: 0px;

}

.banner .bx-wrapper .bx-pager.bx-default-pager a {

    background: rgba(255,255,255,.6);

    text-indent: -9999px;

    display: block;

    width: 19px;

    height: 19px;

    margin: 0 5px;

    outline: 0;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{

	bottom: 10px;

}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{

	background: rgba(255,255,255,.95);

}

@media (max-width:768px) {

	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{

		background: url(../image/logo.png) no-repeat center;

		width: 213px;

		height: 54px;

		text-indent: -999px;

		margin-left: 10px;

		margin-bottom: 10px;

	}

	.banner .bx-wrapper .bx-pager.bx-default-pager a {

	    width: 10px;

	    height: 10px;	   

	}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{

		bottom: 0px;

	}

	.navbar-header{

		 box-shadow: 0px 2px 4.05px 0.95px rgba(0, 0, 0, 0.28);

		 padding-top: 15px;

	}

	.navbar{

		padding-top: 0;

	}

}









.index_title h1{

	text-align: center;

	margin: 0;

	font-size: 30px;

	font-weight: bold;

	color: #333333;

	margin-bottom: 70px;

}

.index_title h1 span{

	display: inline-block;

	padding:0 80px 30px;

	border-bottom: 1px solid #8abc5c;

	position: relative;

}

.index_title h1 span::after{

	content: "";

	width: 40px;

	height: 3px;

	position: absolute;

	left: 50%;

	margin-left: -20px;

	bottom: -2px;

	background: #8abc5c;

}

.index_ed{

	padding-top: 65px;

	padding-bottom: 60px;

}

.index_ed ul h1{

	font-size: 24px;

	font-weight: bold;

	margin:10px 0 10px;

}

.index_ed ul img{

	display: block;

	margin:0 auto;

}

.index_ed ul span{

	display: inline-block;

	color: #787878;

	margin-right: 15px;

}

.index_ed ul li{

	border-bottom: 2px solid transparent;

	transition: all 0.3s;

}

.index_ed ul li:hover{

	border-color: #8abc5c;

	box-shadow: 0px 5px 5px 0px rgba(232, 227, 229, 0.75);

}

.more{

	display: block;

	width: 190px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #fff;

	background: #2f7ac1;

	font-size: 18px;

	margin:0 auto;

	margin-top: 55px;

	border-radius: 20px;

	border:1px solid transparent;

	transition: all 0.3s;

}

.more:hover{

	color: #2f7ac1;

	background: #fff;

	border-color: #2f7ac1;

	text-decoration: none;

}

@media (max-width:768px) {

	.index_title h1{		

		font-size: 24px;

		margin-bottom: 40px;

	}		

	.index_ed{

		padding-top: 45px;

		padding-bottom: 30px;

	}

	.index_ed ul h1{

		font-size: 20px;

		text-align: center;		

	}

	.index_ed ul img{

		max-width: 100%;

	}

	.index_ed ul{

		text-align: center;

	}

	.index_ed ul span{

		display: inline-block;

		color: #787878;

		margin:0 7px;



	}	

	.more{

		margin-top: 25px;

	}

}







.container-fluid .container{

	padding: 0;

}

.index_blue{

	background: url(../image/index_bg.jpg);

	background-attachment:fixed;

	background-position:top center;

	height:auto;

	padding-top: 140px;

}

.index_blue .me_bg{

	display: block;

	margin:0 auto;

}

.index_blue ul{

	margin-bottom: 220px;

}

.index_blue li{
	position: relative;	
}
.index_top_a1{
  background-image: url("../image/a1.png");
  position: absolute;
  left: 198px;
  top: 10px;
  width: 60px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a1{
   transition-delay: 0.4s;
   opacity: 1;
   left: 168px;
}
.index_top_a2{
  background-image: url("../image/a2.png");
  position: absolute;
  left: 280px;
  top: 10px;
  width: 60px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a2{
   transition-delay: 0.6s;
   opacity: 1;
   left: 250px;
}
.index_top_a3{
  background-image: url("../image/a3.png");
  position: absolute;
  left: 345px;
  top: 10px;
  width: 60px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a3{
   transition-delay: 0.8s;
   opacity: 1;
   left: 315px;
}
.index_top_a4{
  background-image: url("../image/a4.png");
  position: absolute;
  left: 490px;
  top: 10px;
  width: 60px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a4{
   transition-delay: 1s;
   opacity: 1;
   left: 460px;
}
.index_top_a5{
  background-image: url("../image/a5.png");
  position: absolute;
  left: 575px;
  top: 10px;
  width: 60px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a5{
   transition-delay: 1.2s;
   opacity: 1;
   left: 545px;
}
.index_top_a6{
  background-image: url("../image/a6.png");
  position: absolute;
  left: 460px;
  top: 110px;
  width: 60px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a6{
   transition-delay: 1.4s;
   opacity: 1;
   left: 430px;
}
.index_top_a7{
  background-image: url("../image/a7.png");
  position: absolute;
  left: 214px;
  top: 214px;
  width: 81px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a7{
   transition-delay: 1.6s;
   opacity: 1;
   left: 184px;
}

.index_top_a8{
  background-image: url("../image/a8.png");
  position: absolute;
  left: 376px;
  top: 223px;
  width: 71px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a8{
   transition-delay: 1.8s;
   opacity: 1;
   left: 346px;
}

.index_top_a9{
  background-image: url("../image/a9.png");
  position: absolute;
  left: 433px;
  top: 296px;
  width: 83px;
  height: 53px;
  z-index: 3;
  opacity: 0;
  transition:all 0.3s;
}
.active .index_top_a9{
   transition-delay: 2s;
   opacity: 1;
   left: 403px;
}

.index_blue .mask_box{

	position: absolute;

	height: 375px;

	width: 599px;	

	background-position:center;

	background-size: cover;

	background-repeat:no-repeat;

	z-index: 2;

	top: 28px;

	left: 110px;

	overflow: hidden;

}

.index_blue  .pc_mask{

	position: absolute;

	height: 100%;

	width: 100%;	

	background-position:center;

	background-size: cover;

	background-repeat:no-repeat;

	z-index: 2;

	top: 0;

	right: -100%;

	transition:all 1s;

}
.index_blue .active .pc_mask:nth-child(1){
	transition-delay: 0s;
	right: 0;	
}
.index_blue .active .pc_mask:nth-child(2){
	transition-delay: 1s;
	right: 0;	
}
.index_blue .active .pc_mask:nth-child(3){
	transition-delay: 2s;
	right: 0;	
}
.index_blue .active .pc_mask:nth-child(4){
	transition-delay: 3s;
	right: 0;	
}
.index_blue .active .pc_mask:nth-child(5){
	transition-delay: 4s;
	right: 0;	
}
.index_blue .active .pc_mask:nth-child(6){
	transition-delay: 5s;
	right: 0;	
}

.index_blue h1{

	font-size: 36px;

	color: #fff;

	font-weight: bold;

	margin-top: 85px;

	margin-bottom: 55px;



}

.index_blue .section:nth-child(odd) h1{

	position: relative;

	left: 250px;

	opacity: 0;

	transition:all 0.5s;

}

.index_blue .section:nth-child(even) h1{

	position: relative;

	right: 250px;

	opacity: 0;

	transition:all 0.5s;

}

.index_blue .section:nth-child(odd).active h1{

	left: 0;

	opacity: 1;

}

.index_blue .section:nth-child(even).active h1{

	right: 0;

	opacity: 1;

}

.index_blue p{

	font-size: 18px;

	color: #fff;

	line-height: 31px;

	margin-bottom: 55px;

}

.index_blue p span{

	display: block;

}

.index_blue .section:nth-child(odd) p span{

	position: relative;

	left: 250px;

	opacity: 0;

	transition:all 0.5s;

}

.index_blue .section:nth-child(even) p span{

	position: relative;

	right: 250px;

	opacity: 0;

	transition:all 0.5s;

}

.index_blue .section:nth-child(odd).active p span{

	left: 0;

	opacity: 1;

}

.index_blue .section:nth-child(even).active p span{

	right: 0;

	opacity: 1;

}

.index_blue .section.active p span:nth-child(1){

	transition-delay: 0.2s;

}

.index_blue .section.active p span:nth-child(2){

	transition-delay: 0.4s;

}

.index_blue .section.active p span:nth-child(3){

	transition-delay: 0.6s;

}

.index_blue .section.active p span:nth-child(4){

	transition-delay: 0.8s;

}

.index_blue a{

	display: block;

	width: 220px;

	height: 54px;

	border-radius: 27px;

	border:2px solid #fff;

	text-align: center;

	line-height: 50px;

	font-size: 29px;

	color: #fff;

	transition:all 0.3s;

	position: relative;

	top: 250px;	

	opacity: 0;

	overflow: hidden;

}

.index_blue a span{

	width: 100%;

	height: 100%;

	display: block;

	color: #fff;

}

.index_blue a:hover span{

	background: #fff;

	color: #216eb2;

	text-decoration: none;

}

.index_blue .active a{	

	top: 0;

	transition-delay: 1.2s;

	opacity: 1;

}

.index_blue .padmask_box{

	position: absolute;

	height: 480px;

	width: 642px;	

	background-position:center;

	background-size: cover;

	background-repeat:no-repeat;

	z-index: 2;

	top: 39px;

	left: 89px;

	overflow: hidden;
	

}

.index_blue .boxmask_box{

	position: absolute;

	height: 442px;

	width: 707px;	

	background-position:center;

	background-size: cover;

	background-repeat:no-repeat;

	z-index: 2;

	top: 39px;

	left: 0px;

	overflow: hidden;

	background: rgb(76,147,183);

	border-radius: 50px;

}


.index_blue .m_img{

	position:relative;

	z-index: 3;

	left: 600px;

	bottom: -200px;

	width: 181px;

	height: 367px;

	background: url(../image/index_m.png);

}
.index_blue .m_img .m_inner{
	position: absolute;
	height: 247px;
	width: 157px;
	background: url(../image/actionbg.jpg) no-repeat left top;
	top: 54px;
	left: 12px;
	
}
.active  .m_img .m_inner{
	animation:bg_action 5s;
	-moz-animation:bg_action 5s; 
	-webkit-animation:bg_action 5s; 
	-o-animation:bg_action 5s; 
}
@keyframes bg_action
{
0%   {background-position:0 0;}
25%  {background-position:-157px 0;}
35%  {background-position:-157px 0;}
50%  {background-position:-314px 0;}
75%  {background-position:-314px 0;}
100% {background-position:-314px 0;}
}

@-moz-keyframes bg_action 
{
0%   {background-position:0 0;}
25%  {background-position:-157px 0;}
35%  {background-position:-157px 0;}
50%  {background-position:-314px 0;}
75%  {background-position:-314px 0;}
100% {background-position:-314px 0;}
}

@-webkit-keyframes bg_action 
{
0%   {background-position:0 0;}
25%  {background-position:-157px 0;}
35%  {background-position:-157px 0;}
50%  {background-position:-314px 0;}
75%  {background-position:-314px 0;}
100% {background-position:-314px 0;}
}

@-o-keyframes bg_action 
{
0%   {background-position:0 0;}
25%  {background-position:-157px 0;}
35%  {background-position:-157px 0;}
50%  {background-position:-314px 0;}
75%  {background-position:-314px 0;}
100% {background-position:-314px 0;}
}
.lcbg_box{
	background: #fff;
	position: relative;
}
.lcbg_box div{
	background: green;
	position: absolute;
	transition:all 0.8s;
	opacity: 0;
}
.lcbg_box div.lc1{
	background: url(../image/a11.png) no-repeat center/cover;
	width: 374px;
	height: 273px;
	left: 0px;
  	top: -150px;
}
.lcbg_box div.lc2{
	background: url(../image/a21.png) no-repeat center/cover;
	left: -70px;
	  top: 228px;
	  width: 110px;
	  height: 134px;
}
.lcbg_box div.lc3{  
	background: url(../image/a31.png) no-repeat center/cover;
  left: 76px;
  top: 57px;
  width: 220px;
  height: 82px;  
}
.lcbg_box div.lc4{ 
background: url(../image/a41.png) no-repeat center/cover;   
  left: 77px;
  top: 777px;
  width: 179px;
  height: 57px;
}
.lcbg_box div.lc5{
	background: url(../image/a51.png) no-repeat center/cover;
  left: 360px;
  top: 52px;
  width: 382px;
  height: 188px;
}
.lcbg_box div.lc6{  
	background: url(../image/a61.png) no-repeat center/cover;
  left: 333px;
  top: 256px;
  width: 409px;
  height: 164px; 
}
.active .lcbg_box div.lc1{
	left: 0px;
  	top: 18px;
  	transition-delay: 0.8s;
  	opacity: 1;
}
.active .lcbg_box div.lc2{
	left: 70px;
	top: 228px;
	transition-delay: 1.6s;
	opacity: 1;
}
.active .lcbg_box div.lc3{
	left: 76px;
    top: 197px;
    transition-delay: 2.4s;
    opacity: 1;
}
.active .lcbg_box div.lc4{
	left: 77px;
  	top: 307px;
    transition-delay: 4s;
    opacity: 1;
}
.active .lcbg_box div.lc5{
	left: 260px;
  	top: 52px;
  	transition-delay: 3.2s;
  	opacity: 1;
}
.active .lcbg_box div.lc6{
	left: 233px;
  	top: 256px;
  	transition-delay: 4.8s;
  	opacity: 1;
}











.cir_box{

	width: 538px;

	height: 522px;

	background: url(../image/cir_bg.png) no-repeat center;

	position:relative;

}

.pl_box{

	padding-left: 150px;

}

.cir_box .cir:nth-child(1),.cir_box .cir:nth-child(2),.cir_box .cir:nth-child(3){

	width: 125px;

	height: 125px;

	background: #00489a;

	border-radius: 50%;

	border:1px solid #00bfda;

	position:absolute;

	text-align: center;

	color: #fff;

	padding-top: 30px;

	font-size: 16px;

}

.cir_box .cir:nth-child(1) img,.cir_box .cir:nth-child(2) img,.cir_box .cir:nth-child(3) img{

	display: block;

	margin:0 auto 10px;

}

.cir_box .cir:nth-child(1){

	top: 20px;

	left: -3px;

}

.cir_box .cir:nth-child(2){

	left: 476px;

	top: 250px;

}

.cir_box .cir:nth-child(3){

	top: 444px;

	left: 106px;

}

.cir_box .cir:nth-child(4),.cir_box .cir:nth-child(5),.cir_box .cir:nth-child(6){

	height: 100px;

	width: 100px;

	background: #3cb09c;

	border-radius: 50px;

	position:absolute;

	right: 482px;

	top: 184px;	

	transition:all 0.5s;

}

.cir_box .cir:nth-child(7),.cir_box .cir:nth-child(8){

	height: 120px;

	width: 120px;

	border-radius: 60px;	

	position:absolute;

	top: -53px;

	left: 190px;

	transition:all 0.5s;	

	background: #cbbe65;

	z-index: 3;

}

.cir_box .cir:nth-child(8){

	left: 440px;

	top: 60px;

	background: #8f82bc;

	z-index: 2;

}

.cir_box .cir:nth-child(5){

	top: 362px;

	right: 440px;

	background: #7ecef4;

}

.cir_box .cir:nth-child(6){

	top: 362px;

	right: auto;

	left: 361px;

	top: 449px;

	background: #7ecef4;

}

.cir_box .cir:nth-child(4) span,.cir_box .cir:nth-child(5) span,.cir_box .cir:nth-child(6) span,.cir_box .cir:nth-child(7) span,.cir_box .cir:nth-child(8) span{

	display: block;

	text-align: center;

	font-size: 16px;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 100px;

	color: #fff;

	right: 0;

}

.cir_box .cir:nth-child(6) span,.cir_box .cir:nth-child(7) span,.cir_box .cir:nth-child(8) span{

	left: 0;

}

.cir_box .cir:nth-child(7) span,.cir_box .cir:nth-child(8) span{

	width: 120px;

}

.cir_box .cir:nth-child(4) i,.cir_box .cir:nth-child(5) i,.cir_box .cir:nth-child(6) i,.cir_box .cir:nth-child(7) i,.cir_box .cir:nth-child(8) i{

	display: block;

	visibility: hidden;

	position: absolute;

	right: 100px;

	top: 50%;

	transform: translateY(-50%);

	width:300px;

	font-style: normal;

	color: #fff;	

	padding-left: 30px;

	opacity: 0;	

}

.cir_box .cir:nth-child(6) i,.cir_box .cir:nth-child(7) i,.cir_box .cir:nth-child(8) i{

	right: 0;

	padding-left: 0;

	padding-right: 30px;

}

.cir_box .cir:nth-child(4):hover,.cir_box .cir:nth-child(5):hover,.cir_box .cir:nth-child(6):hover,.cir_box .cir:nth-child(7):hover,.cir_box .cir:nth-child(8):hover{

	width: 400px;

}

.cir_box .cir:nth-child(4):hover i,.cir_box .cir:nth-child(5):hover i,.cir_box .cir:nth-child(6):hover i,.cir_box .cir:nth-child(7):hover i,.cir_box .cir:nth-child(8):hover i{

	opacity: 1;

	visibility: visible;

	transition:all 0.3s;

	transition-delay: 0.5s;

}

@keyframes bscir{

	0%{

		width: 50px;

		height:50px;

		opacity: 0;

	}

	100%{

		width: 110px;

		height:110px;

		opacity: .8;

	}

}

@keyframes bscir2{

	0%{

		width: 45px;

		height:45px;

		opacity: 0;

	}

	100%{

		width: 120px;

		height:120px;

		opacity: .8;

	}

}

.cir_box .cir:nth-child(4)::after,.cir_box .cir:nth-child(5)::after,.cir_box .cir:nth-child(6)::after,.cir_box .cir:nth-child(7)::after,.cir_box .cir:nth-child(8)::after{

	content: "";

	display: block;

	position: absolute;

	height: 115px;

	width: 115px;

	border:1px solid #fff;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	animation: bscir 1s alternate infinite;

	-moz-animation: bscir 1s alternate infinite;	

	-webkit-animation: bscir 1s alternate infinite;	

	-o-animation: bscir 1s alternate infinite;	

}

.cir_box .cir:nth-child(4)::before,.cir_box .cir:nth-child(5)::before,.cir_box .cir:nth-child(6)::before,.cir_box .cir:nth-child(7)::before,.cir_box .cir:nth-child(8)::before{

	content: "";

	display: block;

	position: absolute;

	height: 105px;

	width: 105px;

	border:1px solid #fff;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	animation: bscir 1.1s alternate infinite;

	-moz-animation: bscir2 1s alternate infinite;	

	-webkit-animation: bscir2 1s alternate infinite;	

	-o-animation: bscir2 1s alternate infinite;	

}

.cir_box .cir:hover::after,.cir_box .cir:hover::before{

	display: none;

}


.m_blue{
		display: none;
	}


@media (max-width:768px) {
	.index_blue{
		display: none;
	}
	.m_blue{
		display: block;
		background: url(../image/index_bg.jpg) repeat-y center top;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.m_blue .section{
		margin-bottom: 40px;
	}
	.m_blue .section img{
		display: block;
		width: 95%;
		margin:0 auto;
	}
	.m_blue .section{
		text-align: center;
	}
	.m_blue .section h1{
		font-size: 22px;
		color: #fff;
	}
	.m_blue p{
		padding:0 10px;
		font-size: 16px;
		color: #fff;
		text-align: justify;
	}
	.m_blue a{
		display: block;
		clear: both;
		width: 200px;
		margin:0 auto;
		color: #fff;
		font-size: 20px;
		border:1px solid #fff;
		padding:5px 0;
		margin-top: 15px;
	}
}




.index_youshi{

	padding-top: 70px;

}

.index_youshi li{

	padding-right: 5px;

	padding-left: 5px;

	cursor: pointer;	

}

.index_youshi li .inner{

	border-bottom: 2px solid #f7f7f7;	

	padding-left: 65px;

	padding-right: 25px;

	background: url(../image/icon_youshi1.png) no-repeat 5px 2px;

	padding-bottom: 30px;

	position:relative;

}

.index_youshi li .inner::after{

	content: "";

	display: block;

	position: absolute;

	width: 0;

	height: 2px;

	background: #8abc5c;

	bottom: -2px;

	transition: all 0.3s;

	left: 0;

}

.index_youshi li .inner:hover::after{

	width: 100%;

}

.index_youshi li:nth-child(2) .inner{

	background: url(../image/icon_youshi2.png) no-repeat 5px 2px;

}

.index_youshi li:nth-child(3) .inner{

	background: url(../image/icon_youshi3.png) no-repeat 5px 2px;

}

.index_youshi li:nth-child(4) .inner{

	background: url(../image/icon_youshi4.png) no-repeat 5px 2px;

}

.index_youshi li .inner h1{

	margin: 0;

	font-size: 18px;

}

.index_youshi li .inner p{

	font-size: 14px;

	color: #787878;

}

.more2{

	display: block;

	border-radius: 20px;

	width: 190px;

	height: 40px;

	border:1px solid #236db0;

	text-align: center;

	line-height: 38px;

	margin:60px auto 0;

}

.more2:hover{

	background: #236db0;

	color: #fff;

	text-decoration: none;

}

@media (max-width:768px) {

	.index_youshi li{

		margin-bottom: 15px;

	}

	.index_youshi li .inner{

		border-bottom: 2px solid #f7f7f7;	

		padding-left: 10px;

		padding-right: 10px;

		padding-top: 50px;

		background: url(../image/icon_youshi1.png) no-repeat 20px 2px;

		padding-bottom: 30px;

		position:relative;

	}

	.index_youshi li:nth-child(2) .inner{

		background: url(../image/icon_youshi2.png) no-repeat 20px 2px;

	}

	.index_youshi li:nth-child(3) .inner{

		background: url(../image/icon_youshi3.png) no-repeat 20px 2px;

	}

	.index_youshi li:nth-child(4) .inner{

		background: url(../image/icon_youshi4.png) no-repeat 20px 2px;

	}

	.more2{		

		margin:20px auto 0;

	}

}







.index_news{

	padding-top: 90px;

	padding-bottom: 50px;

}

.index_news ul{

	margin-top: 45px;

}

.index_news li{

	padding-top: 16px;

	padding-bottom: 16px;

	margin-bottom: 30px;

}

.index_news li:hover{

  box-shadow: 0px 1px 5px 0px rgba(124, 124, 124, 0.75);

 

}

.index_news li a{

	text-decoration:none;

}

.index_news h1{

	font-size: 17px;

	color: #586175;

	margin: 0 auto 15px;

}

.index_news p{

	color: #a7acb5;

}

.index_news h2{

	color: #a7acb5;

	font-size: 13px;

	font-weight: normal;

	margin: 0;

}

.index_news h2 img{

	vertical-align: middle;

	margin-right: 5px;

}

.index_news h2 i{

	font-style: normal;

	display: inline-block;

	margin-left: 15px;

}









footer{

	background: url(../image/footer_bg.jpg) no-repeat center/cover;

	margin-top: 0;

	padding-top: 70px;

}

.footer_ul li{

	float: left;

	margin-right: 90px;

}

.footer_ul li h1{

	font-size: 22px;

	color: #fff;

	margin: 0;

	font-weight: normal;

	margin-bottom: 30px;

}

.footer_ul li a{

	display: block;

	color: #fff;

	line-height: 35px;

}

.footer_ul li a:hover{

	color: #236db0;

}

.footer_ul li p{

	color: #fff;

	text-indent: 1em;

}

.footer_ul li:last-child{

	padding-top: 15px;

	padding-left: 70px;

	margin-right: 0;

	background: url(../image/icon_hot.png) no-repeat left top;

}

a:hover{

	text-decoration: none;

}

footer .copy{

	background: #1b1b1b;

	color: #808080;

}

footer .copy p{

	margin: 0;

	padding: 5px 0;

}

footer .copy p span{

	float: left;

}


footer .copy p a{

	color: #808080;

	display: inline-block;

	margin-right: 10px;

}

footer .copy p a:hover{

	color: #2f7ac1;

}

@media(max-width: 1200px){

	.footer_ul li:last-child{

		display: none;

	}

}

@media(max-width: 991px){

	footer{

		padding-top: 20px;

	}

	.footer_ul li{

		width: 100%;

		text-align: left;

		margin: 0;

		margin-bottom: 15px;

	}

	.footer_ul li h1{

		margin-bottom: 15px;

	}

	.footer_ul li a{

		display: inline-block;

	}

	footer .copy p span{

		float: none!important;

	}

}







.neiye_banner img{

	display: block;

	width: 100%;

}

.sub_nav{

	background: #ededed;

	line-height: 80px;

}

.width{

	max-width: 1200px;

	margin:0 auto;

	text-align: center;

}

.sub_nav{

	margin-bottom: 0;

}

.sub_nav li{

	display: inline-block;

	padding:0 17px;

	margin: 0;

}

.sub_nav li a{

	display: inline-block;

	padding:0 17px;

	font-size: 20px;

	color: #000000;

	margin: 0;

	transition:all 0.3s;

}

.sub_nav li.active a,.sub_nav li a:hover{

	display: inline-block;

	padding:0 17px;

	font-size: 20px;

	color: #fff;

	background: #8abc5c;

}

.news_list{

	background: #f9f9f9;

}

.news_list .bgfff{

	background: #fff;

	padding-right: 25px;

	padding-left: 25px;

}

.news_list .left .bgfff>li{

	border-bottom: 1px solid #f2f4f6;

	border-top: 1px solid #f7f8f9;

	padding:30px 5px 30px 5px;

}

.news_list .left h1{

	width: 100%;

	width: 100%;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-size: 17px;

	color: #555555;

	margin: 0;

	margin-bottom: 20px;

	transition:all 0.3s;

}

.news_list .left p{

	font-size: 14px;

	color: #989999;

	line-height: 22px;

	margin-bottom: 15px;

	width: 100%;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 3;

	transition:all 0.3s;

}

.news_list .left h2{

	margin: 0;

	font-weight: normal;

	color: #abb4bb;

	font-size: 12px;

	transition:all 0.3s;

}

.news_list .left .bgfff>li:hover h1,.news_list .left .bgfff>li:hover h2,.news_list .left .bgfff>li:hover p{

	color: #8abc5c;

}

.yema {

	text-align: center;

	padding-top: 26px;

	padding-bottom: 25px;

}

.yema li{

	display: inline-block;

}

.yema li{

	display: inline-block;

	font-size: 13px;

	padding:5px 10px;

	border:1px solid #959595;

}

.yema li.thisclass{

	background: #236db0;

	border-color: #236db0;

	color: #fff;	

}

.yema li:last-child{

	display: none;

}

.news_list .right{

	background: #fff;

	margin-top: 25px;

	padding-top: 20px;

	padding-bottom: 80px;

}

.news_list .right h1{

	font-size: 16px;

	margin: 0;

	color: #555555;

	margin-bottom: 12px;

}

.news_list .right li{

	border:1px solid #e4eaec;

	padding-left: 15px;

	line-height: 42px;

	border-bottom: none;

	width: 100%;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding-right: 5px;

}

.news_list .right li:last-child{

	border-bottom: 1px solid #e4eaec;

}

a{

	color:inherit;

}

a:hover{

	color:#8abc5c;

}

.news_con .bgfff{

	padding-top: 25px;

	padding-bottom: 40px;

}

.news_con .title{

	font-size: 22px;

	color: #5a5a5a;

	text-align: center;

	width:80%;

	margin:0 auto;

	line-height: 1.7;

}

.news_con .date{

	text-align: center;

	color: #5a5a5a;

	font-size: 12px;

}

.npage{

	padding-top: 30px;

	padding-bottom: 30px;

}

.npage span{

	float: left;

}

.npage span:nth-child(2){

	float: right;

	text-align: right;

}

@media (max-width:768px) {	

	.sub_nav{

		background: #ededed;

		line-height: 40px;

	}		

	.sub_nav::after{

		content: "";

		display: block;

		clear: both;

	}

	.sub_nav li{

		width: 33.33333333333333%;

		display: block;

		padding:0;

		margin: 0;

		float: left;

	}

	.sub_nav li a{

		display: inline-block;

		padding:0 5px;

		font-size: 14px;
	
			

	}

	.sub_nav li.active a,.sub_nav li a:hover{		

		padding:0 5px;

		font-size: 14px;

		color: #fff;

		background: #8abc5c;

	}	

	.news_list .bgfff{

		background: #fff;

		padding-right: 10px;

		padding-left: 10px;

	}

	.news_list .left .bgfff>li{

		border-bottom: 1px solid #f2f4f6;

		border-top: 1px solid #f7f8f9;

		padding:30px 5px 30px 5px;

	}

	.news_list .left h1{

		width: 100%;

		width: 100%;

		white-space: nowrap;

		overflow: hidden;

		text-overflow: ellipsis;

		font-size: 17px;

		color: #555555;

		margin: 0;

		margin-bottom: 20px;

		transition:all 0.3s;

	}

	.news_list .left p{

		font-size: 14px;

		color: #989999;

		line-height: 22px;

		margin-bottom: 15px;

		width: 100%;

		overflow: hidden;

		-ms-text-overflow: ellipsis;text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical; 

		-webkit-line-clamp: 3;

		transition:all 0.3s;

	}

	.news_list .left h2{

		margin: 0;

		font-weight: normal;

		color: #abb4bb;

		font-size: 12px;

		transition:all 0.3s;

	}

	.news_list .left .bgfff>li:hover h1,.news_list .left .bgfff>li:hover h2,.news_list .left .bgfff>li:hover p{

		color: #8abc5c;

	}

	.yema {

		text-align: center;

		padding-top: 26px;

		padding-bottom: 25px;

	}

	.news_con .title{

		font-size: 18px;

		color: #5a5a5a;

		text-align: center;

		width:96%;

		margin:0 auto;		

	}

	

	.npage{

		padding-top: 30px;

		padding-bottom: 30px;

	}

	.npage span{

		float: left;

		display: block;

		width: 100%;

		white-space: nowrap;

		overflow: hidden;

		text-overflow: ellipsis;

		margin-bottom: 20px;

	}

	.npage span:nth-child(2){

		float: left;

		text-align: left;

	}

}







.pro_list {

	background: #fff;	

	padding-top: 25px;

}

.pro_list li{

	padding:0 15px 35px;

}

.pro_list a{

	display: block;

}

.pro_list li h1{

	font-size: 23px;

	font-weight: bold;

	color: #333;

	margin: 0;

	margin-top: 15px;

	margin-bottom: 15px;

}

.pro_list a:hover h1,.pro_list a:hover h2{

	color: #8abc5c;

}

.pro_list li h2{

	font-size: 16px;

	color: #787878;

	margin: 0;

}

.pro_list img{

	display: block;

	width: 100%;

	height:auto;

}

.products_d{

	background: #f9f9f9;

	padding-top: 40px;

}

.products_d .left{

	padding-right: 10px;

}

.products_d .left .title{

	font-size: 26px;

	color: #fff;	

	line-height: 80px;

	text-align: center;

	background:#236db0 url(../image/icon_menu.png) no-repeat left center;

}

.products_d .left .title img{

	display: inline-block;

	vertical-align: middle;	

	margin-right: 10px;

	margin-top: -3px;

}

.products_d .left li{

	border:1px solid #decdd1;

	margin-bottom: 1px;

	line-height: 48px;

	text-align: center;

	font-size: 14px;

}

.products_d .left li a{

	display: block;

}

.products_d .left li:hover a,.products_d .left li.active a{

	color: #fff;

	background: #236db0;

}

.products_d  .right{

	background: #fff;

	padding: 5px 20px 35px 20px;

}

.products_d  .right .title{

	font-size: 18px;

	position: relative;

	margin-top: 0;

	margin-bottom: 60px;

}

.products_d  .right .title::after{

	content: "";

	display: block;

	width: 110px;

	height: 2px;

	position: absolute;

	background: #0074d4;

	bottom: -23px;

	left: 0;

}







.fuwu{

	background: #f9f9f9;

}

.fuwu .row{

	background: #fff;

	margin-top: 30px;

	margin-bottom: 30px;

	padding-top: 30px;

	padding-right: 45px;

	padding-left: 45px;

	padding-bottom: 30px;

	line-height: 1.75;

}

@media (max-width:768px) {

	.fuwu .row{

		background: #fff;

		margin-top: 30px;

		margin-bottom: 30px;

		padding-top: 30px;

		padding-right: 15px;

		padding-left: 15px;

		padding-bottom: 25px;

	}

}







.dianxing_list{

	padding-top: 65px;

}

.dianxing_list li{

	padding-right: 5px;

	padding-left: 5px;

	margin-bottom: 10px;

}

.dianxing_list li span{

	display: block;

	height: 90px;

	width: 100%;

	background-position:center;

	background-size:100% auto;

	background-repeat:no-repeat;

	border:1px solid #3cbaff;

}

.xiazai{

	font-size: 18px;

}

.xiazai p{

	margin-bottom: 15px;

}

.xiazai .down{

	color: #236db0;

}

.qhot{

	position: absolute;

	right: 0;

	top: -10px;

	right: 55px;

	color: #2e2e2e;	

}

.container{

	position: relative;

	font-size: 16px;	

}

@media (max-width: 1200px) {

	.qhot{

		position: absolute;

		right: 0;

		top: 10px;

		right: 55px;

	}

}

@media (max-width: 768px) {

	.qhot{

		display: none;

	}

}


@media (max-width:768px) {
	.activecon{
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: 9999;
	    overflow: scroll;
	    -webkit-overflow-scrolling : touch;
	}
	.activecon img{
		max-width:100%;
		-webkit-overflow-scrolling : touch;
	}
	.allmask.active{
		position: fixed;
		width: 100%;
		height: 100%;
		background: #000;
		z-index: 9998;
		top: 0;
		left: 0;
		display: none;
	}
}
.fuxnafuqq{
	width: 140px;
	height: 50px;
	position: fixed;
	background: url(../image/qqq.png) no-repeat center;
	z-index: 9999;
	right: 2px;
	margin-top: 50px;
	top: 50%;
}
.fuxnafuqq a{
	display: block;
	width: 100%;
	height: 100%;
}