@charset "utf-8";





@media only screen and (min-width:1200px) {

.banner .swiper-slide img{display: block; width: 100%; height: auto;}

.inban .swiper-pagination-bullet{ width: 80px !important; height:8px !important; margin-left: 8px !important; margin-right: 8px !important; background: #fff !important; border-radius:0; opacity: 1 !important;}

.inban .swiper-pagination-bullet-active{ background: #0085FF !important; }
.inban .swiper-pagination-fraction{bottom: 40px !important;}

.inban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px !important;}

}




@media only screen and (max-width:1199px) {

.banner .swiper-slide img{display: block; width: 100%; height: auto;}

.inban .swiper-pagination-bullet{ width:30px !important; height:4px !important; margin-left: 2px !important; margin-right: 2px !important; background: #fff !important; border-radius:0; opacity: 1 !important;}

.inban .swiper-pagination-bullet-active{ background: #0085FF !important; }
.inban .swiper-pagination-fraction{bottom:10px !important;}

.inban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px !important;}

}











@media only screen and (min-width:1366px) {

.con1{width: 90%; max-width: 1600px; margin: 0 auto; padding: 120px 0px 120px 0px;}



.co1a{width: 550px; float: left; border-bottom: #555 1px solid; padding-bottom: 30px;}



.co1b{ float: right; width:calc(100% - 600px);}

.co1b ul li{display: block; width: 20%; float: left; text-align: center; font-size: 22px;}

.co1b ul img{ display: block; margin: 0 auto; margin-bottom: 5px;  max-width: 100%;}



.co1a_tx1{width: 100%; font-size: 36px; font-weight: bold; color: #333; line-height: 40px; padding-top: 20px; font-family: "Noto Sans SC";}

.co1a_tx2{width: 100%; font-size: 16px; line-height: 30px; padding-top: 40px; font-family: arial; color: #7B7B7B;}



}



@media only screen and (min-width:1000px)  and (max-width:1365px) {

.con1{width: 90%; max-width: 1600px; margin: 0 auto; padding: 90px 0px 90px 0px;}



.co1a{width: 100%; float: none; border-bottom: #555 1px solid; padding-bottom: 50px;}



.co1b{ float: none; width:100%; padding-top: 20px;}

.co1b ul li{display: block; width: 20%; float: left; text-align: center; font-size: 20px;}

.co1b ul img{ display: block; margin: 0 auto; margin-bottom: 5px;     max-width: 100%;}



.co1a_tx1{width: 100%; font-size: 32px; color: #333; line-height: 40px; padding-top: 20px; font-family: "Noto Sans SC";}

.co1a_tx2{width: 100%; font-size: 16px; line-height: 30px; padding-top: 40px; font-family: arial; color: #7B7B7B;}



}



@media only screen and (max-width:999px) {

.con1{width: 90%; max-width: 1600px; margin: 0 auto; padding: 30px 0px 30px 0px;}



.co1a{width: 100%; float: none; border-bottom: #555 1px solid; padding-bottom: 20px;}



.co1b{ float: none; width:100%; padding-top: 20px;}

.co1b ul li{display: block; width: 20%; float: left; text-align: center; font-size: 1.2em;}

.co1b ul img{ display: block; margin: 0 auto; margin-bottom: 5px;     max-width: 100%;}



.co1a_tx1{width: 100%; font-size: 1.4em; color: #333; line-height: 30px; padding-top: 20px; font-family: "Noto Sans SC";}

.co1a_tx2{width: 100%; font-size: 1.2em; line-height: 30px; padding-top: 20px; font-family: arial; color: #7B7B7B;}



}

















@media only screen and (min-width:1366px) {



}



@media only screen and (min-width:1000px)  and (max-width:1365px) {



}



@media only screen and (max-width:999px) {



}









@media only screen and (min-width:1366px) {

.con2wp{width: 100%;  margin: 0 auto; padding: 60px 0px 60px 0px; background: #f0f0f0;}

.con2_con{width: 90%; max-width: 1300px; margin: 0 auto;}



.con2_bt{width: 90%; max-width: 1600px; margin: 0 auto;  }

.con2_bt h4{font-size: 36px; font-weight: bold; color: #333; line-height: 40px; padding-top: 20px; padding-left: 10px; font-weight: bold;  font-family: "Noto Sans SC";}

.con2_bt p{ font-size: 16px; line-height: 30px; padding-top: 20px; font-family: arial; padding-left: 10px; color: #7b7b7b;}





.c2a1{ display: block; margin-left: 10px; width: 140px; height: 45px; line-height: 45px; color:#fff; text-align: center; font-size: 16px; border-radius:25px; background: #0085ff; margin-top: 20px; transition: 0.5s;}

.c2a1:hover{ background: #2d98fa; color:#fff; }



.con2_con ul{padding:20px 0px 0px 0px;}

.con2_con ul li{display: block; width: 25%; float: left; padding-top: 20px; transition: 0.5s;}
.con2_con ul li:hover{padding-top: 0px; padding-bottom: 20px;}
.con2_con ul li:hover a{ box-shadow:0px 0px 12px rgba(0,0,0,0.25);  border-radius:6px;}
	
.con2_con ul a{display: block; width: 90%; height: 420px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 80px 20px 0px 20px; box-shadow:0px 0px 12px rgba(0,0,0,0.1); transition: 0.5s;}

.con2_con ul img{display: block; margin: 0 auto; margin-bottom: 20px;}

.con2_con ul h2{text-align: center; font-size: 18px; line-height: 28px; padding: 15px 0px 20px 0px;}

.con2_con ul p{font-size: 15px; color: #666; line-height: 24px; text-align: center;}
	
	
	
	
	
.con2_con1{width: 90%; max-width: 1300px; margin: 0 auto;}
	
.con2_con1 ul{padding:20px 0px 0px 0px;}
.con2_con1 ul li{display: block; width: 25%; float: left; padding-top: 20px; transition: 0.5s;}
.con2_con1 ul li:hover{padding-top: 0px; padding-bottom: 20px;}
.con2_con1 ul li:hover a{ box-shadow:0px 0px 12px rgba(0,0,0,0.25);  border-radius:6px;}
	
	.con2_con1 ul li:hover .vvb1{width: 100%; height: 80px; background-position: bottom center;}
	.con2_con1 ul li:hover .cvm2{border-bottom: #0085ff 1px solid; color: #0085ff;}
	
.con2_con1 ul a{display: block; width: 90%; height: 420px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 20px 0px 0px 0px; box-shadow:0px 0px 12px rgba(0,0,0,0.1); transition: 0.5s;}

.con2_con1 ul .vb21{display: block; width: 100%; height: 80px; background: url(../m/f5.jpg) center center no-repeat;}
.con2_con1 ul .vvb1{width: 100%; height: 80px; background-position: top center; background-repeat: no-repeat; transition: 0.5s;}

	.con2_con1 ul .cop1{ background-image:  url(../m/oo4.png);}
	.con2_con1 ul .cop2{ background-image:  url(../m/oo3.png);}
	.con2_con1 ul .cop3{ background-image:  url(../m/oo2.png);}
	.con2_con1 ul .cop4{ background-image:  url(../m/oo1.png);}
	
	.cvm1{width: 100%; margin: 0 auto;}
	.cvm1 img{ display: block; width: 100%;}
	
	.cvm2{width: 50%; height: 35px; line-height: 35px; text-align: center; font-size: 16px;  border-bottom: #e0e0e0 1px solid; margin: 0 auto; font-family: arial; margin-top: 15px; transition: 0.5s;}
	
	
	
.con2_con1 ul h2{text-align: center; font-size: 18px; line-height: 28px; padding: 15px 0px 20px 0px;}

.con2_con1 ul p{font-size: 15px; color: #666; line-height: 24px; text-align: center;}
	



}



@media only screen and (min-width:1000px)  and (max-width:1365px) {

.con2wp{width: 100%;  margin: 0 auto; padding: 60px 0px 60px 0px; background: #f0f0f0;}

.con2_con{width: 90%; max-width: 1300px; margin: 0 auto;}



.con2_bt{width: 90%; max-width: 1600px; margin: 0 auto; }

.con2_bt h4{font-size: 32px; color: #333; line-height: 40px; padding-top: 20px; padding-left: 10px; font-weight: bold;  font-family: "Noto Sans SC";}

.con2_bt p{ font-size: 16px; line-height: 30px; padding-top: 20px; font-family: arial; padding-left: 10px; color: #7b7b7b;}





.c2a1{ display: block; margin-left: 10px; width: 140px; height: 45px; line-height: 45px; color:#fff; text-align: center; font-size: 16px; border-radius:25px; background: #0085ff; margin-top: 20px; transition: 0.5s;}

.c2a1:hover{ background: #2d98fa; color:#fff; }



.con2_con ul{padding: 20px 0px 0px 0px;}

.con2_con ul li{display: block; width: 25%; float: left; padding-top: 20px; transition: 0.5s;}
.con2_con ul li:hover{padding-top: 0px; padding-bottom: 20px;}
.con2_con ul li:hover a{ box-shadow:0px 0px 12px rgba(0,0,0,0.25); border-radius:6px; }

.con2_con ul a{display: block; width: 90%; height: 420px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 80px 20px 0px 20px; box-shadow:0px 0px 12px rgba(0,0,0,0.1);  transition: 0.5s;}

.con2_con ul img{display: block; margin: 0 auto; margin-bottom: 20px;}

.con2_con ul h2{text-align: center; font-size: 18px; line-height: 28px; padding: 15px 0px 20px 0px;}

.con2_con ul p{font-size: 15px; color: #666; line-height: 24px; text-align: center;}


	
	.con2_con1{width: 90%; max-width: 1300px; margin: 0 auto;}
	
.con2_con1 ul{padding:20px 0px 0px 0px;}
.con2_con1 ul li{display: block; width: 25%; float: left; padding-top: 20px; transition: 0.5s;}
.con2_con1 ul li:hover{padding-top: 0px; padding-bottom: 20px;}
.con2_con1 ul li:hover a{ box-shadow:0px 0px 12px rgba(0,0,0,0.25);  border-radius:6px;}
	
	.con2_con1 ul li:hover .vvb1{width: 100%; height: 80px; background-position: bottom center;}
	.con2_con1 ul li:hover .cvm2{border-bottom: #0085ff 1px solid; color: #0085ff;}
	
.con2_con1 ul a{display: block; width: 90%; height: 420px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 20px 0px 0px 0px; box-shadow:0px 0px 12px rgba(0,0,0,0.1); transition: 0.5s;}

.con2_con1 ul .vb21{display: block; width: 100%; height: 80px; background: url(../m/f5.jpg) center center no-repeat;}
.con2_con1 ul .vvb1{width: 100%; height: 80px; background-position: top center; background-repeat: no-repeat; transition: 0.5s;}

	.con2_con1 ul .cop1{ background-image:  url(../m/oo4.png);}
	.con2_con1 ul .cop2{ background-image:  url(../m/oo3.png);}
	.con2_con1 ul .cop3{ background-image:  url(../m/oo2.png);}
	.con2_con1 ul .cop4{ background-image:  url(../m/oo1.png);}
	
	.cvm1{width: 100%; margin: 0 auto;}
	.cvm1 img{ display: block; width: 100%;}
	
	.cvm2{width: 50%; height: 35px; line-height: 35px; text-align: center; font-size: 16px;  border-bottom: #e0e0e0 1px solid; margin: 0 auto; font-family: arial; margin-top: 15px; transition: 0.5s;}
	
	
	
.con2_con1 ul h2{text-align: center; font-size: 18px; line-height: 28px; padding: 15px 0px 20px 0px;}

.con2_con1 ul p{font-size: 15px; color: #666; line-height: 24px; text-align: center;}
	
	
	

}



@media only screen and (max-width:999px) {

.con2wp{width: 100%;  margin: 0 auto; padding: 30px 0px 30px 0px; background: #f0f0f0;}

.con2_con{width: 90%; max-width: 1300px; margin: 0 auto;}



.con2_bt{width: 90%; max-width: 1600px; margin: 0 auto; }

.con2_bt h4{font-size: 1.4em; color: #333; line-height: 30px; padding-top: 10px; padding-left: 10px; font-weight: bold;  font-family: "Noto Sans SC";}

.con2_bt p{ font-size: 1.2em; line-height: 20px; padding-top: 20px; font-family: arial; padding-left: 10px; color: #7b7b7b;}





.c2a1{ display: block; margin-left: 10px; width: 50%; height: 35px; line-height:35px; color:#fff; text-align: center; font-size: 1.2em; border-radius:25px; background: #0085ff; margin-top: 12px; margin-bottom: 15px; transition: 0.5s;}

.c2a1:hover{ background: #2d98fa; color:#fff; }



.con2_con ul{padding: 20px 0px 0px 0px;}

.con2_con ul li{display: block; width: 50%; float: left; margin-bottom: 30px;}

.con2_con ul a{display: block; width: 90%; height: 260px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 40px 20px 0px 20px; box-shadow:0px 0px 20px rgba(0,0,0,0.1); }

.con2_con ul img{display: block; margin: 0 auto; margin-bottom: 15px;}

.con2_con ul h2{text-align: center; font-size: 1.2em; line-height: 28px; padding: 12px 0px 15px 0px;}

.con2_con ul p{font-size: 1em; color: #666; line-height: 24px; text-align: center;}


	
	
	
	
	
	
	.con2_con1{width: 90%; max-width: 1300px; margin: 0 auto;}
	
.con2_con1 ul{padding:20px 0px 0px 0px;}
.con2_con1 ul li{display: block; width: 50%; float: left; padding-top: 20px; transition: 0.5s; margin-bottom: 15px;}

.con2_con1 ul li:hover a{ box-shadow:0px 0px 12px rgba(0,0,0,0.25);  border-radius:6px;}
	
	.con2_con1 ul li:hover .vvb1{width: 100%; height: 80px; background-position: bottom center;}
	.con2_con1 ul li:hover .cvm2{border-bottom: #0085ff 1px solid; color: #0085ff;}
	
.con2_con1 ul a{display: block; width: 90%; height: 400px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 20px 0px 0px 0px; box-shadow:0px 0px 12px rgba(0,0,0,0.1); transition: 0.5s;}

.con2_con1 ul .vb21{display: block; width: 100%; height: 80px; background: url(../m/f5.jpg) center center no-repeat;}
.con2_con1 ul .vvb1{width: 100%; height: 80px; background-position: top center; background-repeat: no-repeat; transition: 0.5s;}

	.con2_con1 ul .cop1{ background-image:  url(../m/oo4.png);}
	.con2_con1 ul .cop2{ background-image:  url(../m/oo3.png);}
	.con2_con1 ul .cop3{ background-image:  url(../m/oo2.png);}
	.con2_con1 ul .cop4{ background-image:  url(../m/oo1.png);}
	
	.cvm1{width: 100%; margin: 0 auto;}
	.cvm1 img{ display: block; width: 100%;}
	
	.cvm2{width: 50%; height: 35px; line-height: 35px; text-align: center; font-size: 16px;  border-bottom: #e0e0e0 1px solid; margin: 0 auto; font-family: arial; margin-top: 15px; transition: 0.5s;}
	
	
	
.con2_con1 ul h2{text-align: center; font-size: 18px; line-height: 28px; padding: 15px 0px 20px 0px;}

.con2_con1 ul p{font-size: 15px; color: #666; line-height: 24px; text-align: center;}
	
	
	

}













.bt1{width: 100%; height: 50px; line-height: 50px; font-size: 32px; font-weight: bold; text-align: center; padding: 60px 0px 30px 0px;}





.bt2{width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}

.bt2c{ display: inline-block; padding: 20px 1px 20px 1px; height: 60px; letter-spacing: 2px; line-height:60px; font-size: 26px; font-weight: bold; border-bottom: #0085ff 4px solid;}









@media only screen and (min-width:1366px) {

.pro{width:90%; height:240px; max-width:1250px; margin:0 auto; padding-bottom: 60px;}

.pro .swiper-container {

      width:100%;

	  margin: 0 auto;

      height: 100%;

      margin-left: auto;

      margin-right: auto;

    }

	

.pro .swiper-wrapper{ width:90%; margin: 0 auto;}


	.pro .swiper-slide img{ display: block; max-width: 100%; max-height: 100px;}
	
	
.pro .swiper-slide {

      text-align: center;

	  border: #e6e6e6 1px solid;

	  box-sizing: border-box; 

	  padding: 5px;

      font-size: 14px;

	  line-height:2.5em;

      background: #fff;

      height: calc((100% - 80px) / 2);

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

	



.pro .swiper-slide p{line-height:3.5em !important;}

.pro .swiper-button-next{top:35%; right: 0px; color:#fff; text-shadow:#C2C2C2 1px 1px 3px;}

.pro .swiper-button-prev{top:35%; left: 0px;  color:#fff; text-shadow:#C2C2C2 1px 1px 3px; }

	

}









@media only screen and (min-width:1000px) and (max-width:1365px) {

	

.pro{width:90%; height:220px; max-width:1100px; margin:0 auto; padding-bottom: 40px;}



.pro .swiper-container {

      width: 100%;

      height: 100%;

      margin-left: auto;

      margin-right: auto;

    }


	.pro .swiper-slide img{ display: block; max-width: 100%; max-height: 100px;}
.pro .swiper-slide {

      text-align: center;

	border: #e6e6e6 1px solid;

	  box-sizing: border-box; 

	  padding: 5px;

      font-size: 14px;

	  line-height:2.5em;

      background: #fff;

      height: calc((100% - 80px) / 2);

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

	



.pro .swiper-slide p{line-height:3.5em !important;}

}







@media only screen and (max-width:999px) {

	

.pro{width:90%; height:220px; max-width:1200px; margin:0 auto; padding-bottom: 40px;}



.pro .swiper-container {

      width: 100%;

      height: 100%;

      margin-left: auto;

      margin-right: auto;

    }



.pro .swiper-slide {

      text-align: center;

      font-size: 14px;

	border: #e6e6e6 1px solid;

	  box-sizing: border-box; 

	  padding: 5px;

	  line-height:2.5em;

      background: #fff;
	  
	  height:60px;

      height: calc((100% - 60px) / 2);

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

	
.pro .swiper-slide img{display:block; max-width:100%; height:60px;}




}











.solwp{width: 100%; padding: 60px 0px 60px 0px; background: #f0f0f0;}

.sol{ width:90%; max-width:1400px; margin:0 auto;}

.sol .swiper-container {

      width: 100%;

      height: 100%;

    }



.sol .swiper-slide { padding-bottom:40px; text-align:center; font-size:18px; font-weight: bold;

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

.sol .swiper-slide p{padding-top:20px;}

.sol .swiper-button-next{top:35%; color:#fff; text-shadow:#333 1px 1px 6px; width: 55px; height: 55px; background: url(../img/gh1.jpg) center center; border-radius:50%; box-shadow:0px 0px 10px #ccc;}

.sol .swiper-button-prev{top:35%; color:#fff; text-shadow:#333 1px 1px 6px; width: 55px; height: 55px; background: url(../img/gh2.jpg) center center; border-radius:50%; box-shadow:0px 0px 10px #ccc;}

.swiper-button-next:after{ display: none;}
.swiper-button-prev:after{ display: none;}