@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}
body{

	margin: 0;
    font-size: 16px;
    font-family:"微软雅黑","TCM",Arial,"Microsoft Yahei";
    line-height: 1.5; color: #000;
   	font-size: 16px;
}
li{list-style-type:none;}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
a:active,button:active,input:active{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      outline: 0;
     text-decoration: none;
     color: #000000;
}
a:active,button:active,input:active,div:active{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,button,input,div{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus,button:focus,input:focus,div:focus,{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,button,input{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      text-decoration: none;
      color:#000000;
}

:focus,input::-moz-focus-inner, button::-moz-focus-inner{
    outline: 0;
   
}


.w90{width: 90%;margin: 0 auto;max-width: 1500px;height: auto;}
.h100{width: 100%;height:90px;overflow: hidden;}
.h65{width: 100%;height: 65px;overflow: hidden;}
.title{width: 100%;height: auto;}
.title .ico{width: 55px;height: auto;}
.title .ico img{display: block;width: 100%;height: auto;}
.title h3{font-size: 36px;color: #000000;}
.title h4{font-family: arial;font-size: 18px;text-transform: uppercase;}



@media only screen and (max-width:1500px) {
	.title .ico{width: 50px;}
	.title h3{font-size: 34px;}
.title h4{font-size: 17px;}	
.h100{width: 100%;height: 80px;overflow: hidden;}
.h65{width: 100%;height: 60px;overflow: hidden;}
}
@media only screen and (max-width:1300px) {
	.title .ico{width: 45px;}
.title h3{font-size: 32px;}
.title h4{font-size: 16px;}	
.h100{width: 100%;height:75px;overflow: hidden;}
.h65{width: 100%;height:50px;overflow: hidden;}
}
@media only screen and (max-width:1024px) {
	.title .ico{width: 40px;}
	.title h3{font-size: 28px;}
.title h4{font-size: 15px;}	
.h100{width: 100%;height:60px;overflow: hidden;}
.h65{width: 100%;height:45px;overflow: hidden;}
}
@media only screen and (max-width:720px) {
		.title h3{font-size: 26px;}
.title h4{font-size: 14px;}	
.h100{width: 100%;height:50px;overflow: hidden;}
.h65{width: 100%;height:35px;overflow: hidden;}
}



.pc-nav{width: 100%;height: auto;background: #FFFFFF;position: fixed;top: 0;left: 0;z-index: 999999;}
.pc-nav .logo{width: 145px;height: auto;display: block;float:left ;padding: 10px 0;}
.pc-nav .logo img{display: block;width: 100%;height: auto;}
.pc-nav .tel{width: 175px; float:right;padding-left:40px;font-size: 16px; line-height:100px;font-family: "arial black";color: #0046aa;background: url(../img/a001.png); background-position:left center;background-repeat: no-repeat;background-size: 30px 30px;}
.pc-nav .nav{width: calc(100% - 335px);float: left; height: auto;font-size: 0;text-align: right;}
.pc-nav .nav li{position: relative;font-size: 17px; display: inline-block;padding: 0 1%;margin: 0 1%; line-height: 100px;}
.pc-nav .nav li a{display: block;}
.pc-nav .nav li.active a{color: #0046AA;}
.pc-nav .nav li.active:before{content: "";position: absolute;left: 0;bottom:15px;width: 100%;height:2px; background:#0046AA;}

.pc-nav .nav li:hover a{color: #0046AA;}
.pc-nav .nav li:hover:before{content: "";position: absolute;left: 0;bottom:15px;width: 100%;height:2px; background:#0046AA;}

.pc-nav .nav li .downs{ height: 0;overflow: hidden; line-height: 40px; text-align: center; position: absolute;top: 100%;left:50%;transform: translateX(-50%); width: 180px;background: rgba(255,255,255,0.8);}
.pc-nav .nav li .downs a{position: relative;z-index: 0; color: #000000;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.pc-nav .nav li .downs a:last-child{border-bottom: none;}
.pc-nav .nav li .downs a:before{z-index: -1; content: "";position: absolute;left: 0;width: 0;height: 100%;background: #0046AA;}
.pc-nav .nav li .downs a:hover:before{width: 100%;transition: all 0.3s ease;}
.pc-nav .nav li .downs a:hover{color: #FFFFFF;}
.pc-nav .nav li:hover .downs{height: auto;transition: all 0.3s ease;}
.pc-nav2{box-shadow: 0 0 5px rgba(0,0,0,0.15);}
#dl-menu{display: none;}
@media only screen and (max-width:1500px) {
	.pc-nav .logo{width: 145px;height: auto;}
	.pc-nav .nav{width: calc(100% - 325px);}
	.pc-nav .nav li{line-height: 85px;font-size: 16px;}
	.pc-nav  .tel{line-height: 85px;font-size: 16px;}
}
@media only screen and (max-width:1300px) {
	.pc-nav .logo{width:145px;height: auto;}
	.pc-nav .nav{width: calc(100% - 325px);}
	.pc-nav .nav li{padding: 0 0.5%;margin: 0 1%;}
	.pc-nav .nav li{line-height: 80px;font-size: 15px;}
	.pc-nav  .tel{width: 175px;padding-left: 30px;line-height: 80px; background-size: 25px 25px; font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.pc-nav{display: none;}
	#dl-menu{display: inherit;}
}


.banner{width: 100%;height: auto;margin-top: 100px;position: relative;}
.banner .banner-js{width: 100%;height: auto;}
.banner .banner-js .pic{width: 100%;height: auto;position:relative;}
.banner .banner-js .pic img{display: block; width:100%;height: auto;}


.banner .banner-js .pic .con{position: absolute;width:100%;overflow:hidden ; color: #FFFFFF; right: 0;text-align:right;z-index: 999;top: 46%;height: auto;transform: translateY(-50%);}
.banner .banner-js .pic .con .line{margin-bottom: 20px; display: inline-block;width:75px;height: 3px;background: #FFFFFF;}
.banner .banner-js .pic .con h6{width: 100%; color: #FFFFFF;font-size:50px;text-align: right;}
.banner .banner-js .pic .con p{font-size: 22px;}

 .mouse{display: block; width: 30px;height: auto;right: 10%;top: 73%; z-index: 66;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite;animation-name:rotate ;position: absolute;}
@keyframes rotate{
      0%{transform: translateY(-15px);}
    50%{transform: translateY(15px);}
  100%{transform: translateY(-15px);}
}
 .mouse img{display: block;width: 100%;height: auto;}


.banner-js .swiper-slide-active   img, .banner-js .swiper-slide-duplicate-active  img{transition:5s linear;transform:scale(1.1,1.1);}


.banner  .swiper-pagination{color: #FFFFFF;text-align:right;padding-right:10%;bottom:15%; transform: translateY(100%);}
.banner  .swiper-pagination-fraction{color: #FFFFFF;font-size:34px; font-family: arial;}
.banner .swiper-pagination-total{color: #FFFFFF;font-size: 20px;}


@media only screen and (max-width:1760px) {
	 .mouse{right: 5%;top:70%;}
	 .banner  .swiper-pagination{padding-right: 5%;}
}

@media only screen and (max-width: 1500px) {
	.banner .banner-js .pic .con .line{width: 65px;}
	.banner .banner-js .pic .con h6{font-size: 36px;}
	.banner .banner-js .pic .con p{font-size: 20px;}
	.mouse{right: 5%;top:68%;}
	.banner{margin-top: 85px;}
	.banner .banner-js .pic .con h6{font-size: 45px;}
	.banner .banner-js .pic .con p{font-size: 20px;}
	.banner  .swiper-pagination-fraction{font-size: 26px;}
	.banner  .swiper-pagination-total{font-size: 18px;}
	
}
	
@media only screen and (max-width:1300px) {
	.mouse{right: 5%;width: 24px; top:67%;}
	.banner .banner-js .pic .con .line{width: 55px;}
	.banner .banner-js .pic .con h6{font-size: 34px;}
	.banner .banner-js .pic .con p{font-size: 18px;}
		.banner  .swiper-pagination-fraction{font-size: 24px;}
	.banner  .swiper-pagination-total{font-size: 16px;}

.banner{margin-top: 80px;}
}

@media only screen and (max-width:1024px) {
	.mouse{right: 5%;width: 20px; top:70%;}
	.banner .banner-js .pic .con .line{width: 50px;margin-bottom: 10px;}
	.banner .banner-js .pic .con h6{font-size:26px;}
	.banner .banner-js .pic .con p{font-size: 16px;}
	.banner{margin-top: 60px;}
}
@media only screen and (max-width:720px) {
		.mouse{display: none;}
		.mouse{right: 5%;width: 20px; top:70%;}
		.banner .banner-js .pic .con{text-align: center;}
	.banner .banner-js .pic .con .line{display: none;}
	.banner .banner-js .pic .con h6{font-size:18px;text-align: center;}
	.banner .banner-js .pic .con p{font-size: 12px;text-align: center;}
		.banner  .swiper-pagination-fraction{font-size: 16px;}
	.banner  .swiper-pagination-total{font-size: 12px;}

}



.in-cpy{width: 100%;height: auto;background: url(../img/a018.png) no-repeat right top;background-size:50%;}
.in-cpy .in-cpy-box{width: 100%;height: auto;}
.in-cpy .in-cpy-box .in-ab{width: 44%;padding-top: 8%; float: right;}
.in-cpy .in-cpy-box .in-ab .logo{margin-bottom: 5%; width: 200px;height: auto;}
.in-cpy .in-cpy-box .in-ab .logo img{display: block;width: 100%;height: auto;}

.in-cpy .in-cpy-box .in-ab .txt{margin-top: 5%; width: 100%;height:96px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.in-cpy .in-cpy-box .in-ab .txt p{font-size: 16px;color: #000000;}
.in-cpy .v-box{ width:56%; float: left; height: auto;position: relative;}
.in-cpy .v-box:before{content: "";position: absolute;right: 0;top: 5%;height: 95%;width: 90px; background: #FFFFFF;z-index: 222;}
.in-cpy .v-box.open:before{display: none;}
.in-cpy .v-box .pic{
	cursor: pointer;
	width: 100%;
	height: 500px;
	z-index: 66;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}
.in-cpy .v-box .pic img{display: block;width: 60px;height: auto;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);}



.in-cpy .advs{width: 100%;height: auto;padding-top: 35px;}
.in-cpy .advs ul{width: calc(100% - 280px);float: left;font-size: 0;}
.in-cpy .advs ul li{padding-right: 5%;padding-left: 5%;border-right: 1px solid #DCDCDC; width: 33.3%;height: auto;display:inline-block ;vertical-align: top;}
.in-cpy .advs ul li:first-child{padding-left: 0;}
.in-cpy .advs ul li:last-child{border-right: 0;}
.in-cpy .advs ul li .ico{width: 50px;height: auto;}
.in-cpy .advs ul li .ico img{display: block;width: 100%;height: auto;}
.in-cpy .advs ul li h6{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #000000;font-size: 20px;margin-top: 20px;}
.in-cpy .advs ul li .txt{width: 100%;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;margin-top: 10px;}
.in-cpy .advs ul li .txt p{font-size: 16px;color: #000000;}
.in-cpy .advs .more1{text-align: center;padding:3% 0; display: block; width: 280px; background: #0046AA; height: auto;float: right}
.in-cpy .advs .more1 span{font-size: 16px;color: #FFFFFF; display: inline-block;padding-top: 40px;background:url(../img/a023.png)center top;background-repeat: no-repeat;background-size: 25px 25px;}
.in-cpy .advs .more1:hover{box-shadow: 0px 0 10px rgba(0,0,0,0.3);}



/*视频效果*/

.video-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;z-index: 444;}
.video{ position:fixed; top:50%; left: 50%; height: 600px; width: 800px; margin-left: -400px;overflow: hidden; margin-top: -300px; z-index: 999;background: #000000;object-fit:cover;}
.video .na-video{position: absolute;top: 0;left: 0; width:100%; height:100%; display:block;}
.video .close{position: absolute;top: 3px; right: 10px; color:#FFFFFF; font-size: 36px;border: 1px solid #fff;width:36px;height: 36px;text-align: center;line-height: 30px; cursor:pointer;}


.video-container{display: none;
	width: 100%;
	height:220px;
	position: relative;
	overflow: hidden;
}

 .yourdiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 66;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;

}

.yourdiv img{display: block;width: 45px;height: auto;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);}


.video1{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

 video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}





@media only screen and (max-width:1500px) {
	.in-cpy .v-box .pic{height: 450px;}
	.in-cpy .advs .more1{width: 250px;}
	.in-cpy .advs ul{width: calc(100% - 250px);}
	.in-cpy .advs ul li .ico{width: 45px;}
	
}
@media only screen and (max-width:1300px) {
	.in-cpy .in-cpy-box .in-ab .logo{width: 180px;}
	.in-cpy .v-box:before{width: 75px;}
		.in-cpy .advs .more1{width: 200px;}
		.in-cpy .v-box .pic{height: 400px;}
	.in-cpy .advs ul{width: calc(100% - 200px);}
	.in-cpy .advs ul li .ico{width: 40px;}
	.in-cpy .advs ul li h6{font-size: 18px;margin-top: 10px;}
	.in-cpy .advs ul li .txt{height: 44px;}
	.in-cpy .advs ul li .txt p{font-size: 15px;}
	.in-cpy .in-cpy-box .in-ab .txt{height: 88px;}
	.in-cpy .in-cpy-box .in-ab .txt p{font-size: 15px;}
	.in-cpy .advs .more1 span{font-size: 15px;}
	.in-cpy .v-box .pic img{width: 50px;}
}

@media only screen and (max-width:1024px) {
	.in-cpy .v-box .pic img{width: 45px;}
	.in-cpy .in-cpy-box .in-ab .logo{width: 160px;}
	.in-cpy .v-box:before{width: 65px;}
			.in-cpy .advs .more1{width: 180px;}
		.in-cpy .v-box .pic{height: 350px;}
	.in-cpy .advs ul{width: calc(100% - 180px);}
	.in-cpy .advs ul li .ico{width: 40px;}
	.in-cpy .advs ul li h6{font-size: 16px;margin-top: 10px;}
	.in-cpy .advs ul li .txt{height: 42px;}
	.in-cpy .advs ul li .txt p{font-size: 14px;}
	.in-cpy .in-cpy-box .in-ab .txt{height: 86px;}
	.in-cpy .in-cpy-box .in-ab .txt p{font-size: 14px;}
	.in-cpy .advs .more1 span{font-size: 15px;}
	
}


@media (max-width:850px ) {
		.in-cpy .advs .more1{width: 140px;}
		.in-cpy .v-box .pic{height: 300px;}
	.in-cpy .advs ul{width: calc(100% - 140px);}
			.in-cpy .advs ul li .ico{width: 35px;}
	.in-cpy .advs ul li h6{font-size: 15px;margin-top: 10px;}
	.in-cpy .advs ul li .txt{height: 42px;}
	.in-cpy .advs ul li .txt p{font-size: 14px;}
	.in-cpy .in-cpy-box .in-ab .txt{height: 86px;}
	.in-cpy .in-cpy-box .in-ab .txt p{font-size: 14px;}
 .video{  height: 450px; width: 600px; margin-left: -300px;margin-top: -225px; }

}

@media only screen and (max-width:720px) {
	.in-cpy .title{text-align: center;}
		.in-cpy .advs ul li{text-align: center; padding-right: 3%;padding-left: 3%;}
.in-cpy .advs ul li:first-child{padding-left: 0;}
	.in-cpy .advs ul li .ico{margin: 0 auto;}
	.in-cpy .advs ul li h6{font-size: 15px;}
.in-cpy .advs ul li .txt{height: 38px;}
	.in-cpy .advs ul li .txt p{font-size: 13px;}
.in-cpy .advs ul li:last-child{border-right: 0;}
.in-cpy .advs{padding-top: 25px;}
	.in-cpy .in-cpy-box .in-ab .logo{display: none;}
	.in-cpy .in-cpy-box .in-ab{padding-top: 0; width: 100%;height: auto;float: inherit;}
	.in-cpy .in-cpy-box .v-box{margin-top: 35px; width: 100%;height: auto;}
	.in-cpy .in-cpy-box .v-box:before{width: 0;}
	.in-cpy .v-box .pic{display: none;width: 0;}
	.in-cpy .v-box .pic img{display: none;width: 0;}
	.in-cpy .advs .more1{display: none;}
	.in-cpy .advs ul{width: 100%;float: inherit;}
	
	.video-container{display: block;}	


	.video-box{display: none;}
}

.in-pro{width: 100%;height: auto;background-size:cover;background-repeat:no-repeat ;background-position: center;}
.in-pro .bk{width:100%;height: auto;background: rgba(0,70,170,0.2);}
.in-pro .in-pro-top{width: 100%;height: auto;overflow: hidden;}
.in-pro .in-pro-top .title{float: left;width: calc(100% - 160px);}
.in-pro .in-pro-top .title h3{color: #FFFFFF;}
.in-pro .in-pro-top .title h4{color: #FFFFFF;}

.in-pro .in-pro-top .mores{border-radius: 22.5px; display: block;position: relative; width:160px;z-index: 0; height: 45px;line-height: 45px;text-align: center;color: #FFFFFF;float:right; border:1px solid #FFFFFF;margin-top: 30px;font-size: 16px;}
.in-pro .in-pro-top .mores:before{content: "";position: absolute;top: 0; left:50%;transform: translateX(-50%); width: 0;height: 100%;z-index: -1; background:rgba(0,70,170,0.9);}
.in-pro .in-pro-top .mores:hover:before{border-radius: 22.5px; content: "";width: 100%;height: 100%;transition:all 0.3s ease;}
.in-pro .in-pro-top .mores:hover{color: #FFFFFF;border: 1px solid rgba(0,70,170,0.9);}
.in-pro .in-pro-js{width: 100%;height: auto;padding-bottom: 45px;}
.in-pro .in-pro-js .pic{position: relative; width: 100%; height: auto;overflow: hidden;background: #FFFFFF;}
.in-pro .in-pro-js .pic img{display: block;width: 100%;height: auto;}
.in-pro .in-pro-js .pic .bks{position: absolute;top: 0;left: 0; width: 100%;height:0;background: rgba(0,70,170,0.8);}
.in-pro .in-pro-js .pic .bks .con{width: 100%;height: 0;overflow: hidden; text-align: center;padding: 0 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.in-pro .in-pro-js .pic .bks .con .ico{width: 15%;max-width: 50px;height: auto;margin: 0 auto;}
.in-pro .in-pro-js .pic .bks .con .ico img{display: block;width: 100%;height: auto;}
.in-pro .in-pro-js .pic .bks .con h6{color: #FFFFFF;margin-top: 10px;font-size: 18px;}
.in-pro .in-pro-js .pic:hover img{transform: scale(1.1);transition: all 0.3s ease;}
.in-pro .in-pro-js .pic:hover .bks{height: 100%;transition: all 0.5s ease;}
.in-pro .in-pro-js .pic:hover .bks .con{height: auto;}
.in-pro .in-pro-js .swiper-pagination-bullet {width:35px;height:2px;display: inline-block;border-radius: 0%;background: #fff;filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2;}
.in-pro .in-pro-js .swiper-pagination-bullet-active {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;background: #f25c19;}

@media only screen and (max-width:1500px) {
	.in-pro .in-pro-top .mores{width:140px;line-height: 40px;height: 40px;}
	.in-pro .in-pro-js .pic .bks .con h6{font-size: 17px;}
}
@media only screen and (max-width:1300px) {
	.in-pro .in-pro-js .pic .bks .con .ico{max-width: 45px;}
	.in-pro .in-pro-top .title{width: calc(100% - 120px);}
	.in-pro .in-pro-top .mores{width:120px;line-height:36px;height: 36px;}
	.in-pro .in-pro-js .pic .bks .con h6{font-size: 16px;}
}
@media only screen and (max-width:1024px) {
	.in-pro .in-pro-js .pic .bks .con h6{font-size: 15px;}
	.in-pro .in-pro-js{padding-bottom: 30px;}
}


.in-join{width: 100%;height: auto;}
.in-join .title{text-align: center;}
.in-join ul{width: 100%;height: auto;font-size:0;}
.in-join ul li{padding: 40px 20px;text-align: center; width: calc(25% - 12px);background: #FFFFFF;border: 1px solid #0046AA; margin-right: 16px;height: auto;vertical-align: top;display: inline-block;}
.in-join ul li:nth-child(4){margin-right: 0;}

.in-join ul li .ico{width:35%;max-width: 70px;margin: 0 auto; height: auto;}
.in-join ul li .ico img{display: block;width: 100%;height: auto;}
.in-join ul li .ico .img2{display: none;}
.in-join ul li h5{margin-top:20px; font-size: 24px;color: #000000;}
.in-join ul li h6{font-size: 18px;margin-top:5px; color: #000000;font-weight: normal;}
.in-join ul li:hover h5{color:#FFFFFF;}
.in-join ul li:hover h6{color: #FFFFFF;}
.in-join ul li:hover{background: #0046AA;}
.in-join ul li:hover .ico .img1{display: none;}
.in-join ul li:hover .ico .img2{display: inherit;}
@media only screen and (max-width:1500px) {
.in-join ul li h5{font-size: 20px;}
.in-join ul li h6{font-size: 16px;}
}

@media only screen and (max-width:1300px) {
.in-join ul li h5{font-size:18px;}
.in-join ul li h6{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.in-join ul li{width:calc(25% - 6);margin-right: 8px;padding: 30px  10px;}
.in-join ul li h5{font-size:16px;}
.in-join ul li h6{font-size: 13px;}
}
	
@media only screen and (max-width:800px) {
	
 .in-join ul li{width:calc(50% - 10px);margin-right: 20px;padding:25px  10px;margin-bottom: 20px;}
 .in-join ul li h5{margin-top: 10px;}
  .in-join ul li:nth-child(2n){margin-right: 0;}
}

@media only screen and (max-width:480px) {
 .in-join ul li{width:calc(50% - 5px);margin-right:10px;padding:20px  10px;margin-bottom: 10px;}
 .in-join ul li h5{margin-top: 10px;}
  .in-join ul li:nth-child(2n){margin-right: 0;}
  .in-join ul li h5{font-size:16px;}
.in-join ul li h6{font-size: 12px;margin-top: 5px;}	
}











.in-news{width: 100%;height: auto;background: #f6f6f6;}
.in-news .in-news-top{width: 100%;height: auto;overflow: hidden;}
.in-news .in-news-top .title{float: left;width: 220px;}
.in-news .in-news-top .in-news-sort{padding-top: 5%; font-size: 0; width: calc(100% - 220px);float: right;text-align: right;}
.in-news .in-news-top .in-news-sort li{cursor: pointer; position: relative; display: inline-block;font-size: 16px;color: #000000;margin: 0 1.5%;}
.in-news .in-news-top .in-news-sort li.active:before{content: "";position: absolute;top: 50%;transform: translateY(-50%);height: 1px;background:#0046AA; width: 40px;top: 50%;left: 0;}
.in-news .in-news-top .in-news-sort li.active{padding-left: 50px;color: #0046AA;}

.in-news .in-news-top .in-news-sort li:hover:before{content: "";position: absolute;top: 50%;transform: translateY(-50%);height: 1px;background:#0046AA; width: 40px;top: 50%;left: 0;}
.in-news .in-news-top .in-news-sort li:hover{padding-left: 50px;color: #0046AA;}


.in-news .in-news-box{width: 100%;height: auto;}
.in-news .in-news-c{display: none; width: 100%;height: auto;overflow: hidden;}
.in-news .in-news-c .in-news-list{width:67%;float: left;}
.in-news .in-news-c .in-news-list  li{width:calc(50% - 35px);float: left;margin-right: 35px;padding:30px  0px; height: auto;}
.in-news .in-news-c .in-news-list  li .pic{margin-bottom: 20px; width: 100%;height: auto;}
.in-news .in-news-c .in-news-list  li .pic img{display: block;width: 100%;height: auto;}
.in-news .in-news-c .in-news-list  li:hover h5{color:#0046AA}
.in-news .in-news-c .in-news-list  li.cut{background: #FFFFFF;transition: all 0.5s ease; padding:30px  20px;  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.in-news .in-news-c  .con{width: 100%;height: auto;}
.in-news .in-news-c  .con h5{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 20px;color:#000000;}
.in-news .in-news-c  .con .txt{margin-top: 20px; width: 100%;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.in-news .in-news-c  .con .txt p{font-size: 16px;color: #000000;}
.in-news .in-news-c  .con .dw{margin-top: 20px; width: 100%;height: auto;overflow: hidden;}
.in-news .in-news-c  .con .dw .date{font-size: 16px;font-family: arial;color: #000000;float: left;width: calc(100% - 40px);}
.in-news .in-news-c  .con .dw .mores{width: 35px;margin-top: 5px; float: right;display: block;}
.in-news .in-news-c  .con .dw .mores img{display: block;width: 100%;height: auto;}
.in-news .in-news-c .in-news-list2{padding-top: 10px; width: 33%;float: left;}
.in-news .in-news-c .in-news-list2 li{border-bottom: 1px solid #dcdcdc;padding: 20px 0;}
.in-news .in-news-c .in-news-list2 li:last-child{border-bottom: none;}
.in-news .in-news-c .in-news-list2 li:hover .mores{transform: translateX(-20px);transition: all 0.5s ease;}
.in-news .in-news-c .in-news-list2 li:hover h5{color: #0046AA;}
@media only screen and (max-width:1500px) {
	.in-news .in-news-c  .con h5{font-size: 18px;}
	.in-news .in-news-c  .con .txt{width: 100%;height:48px;}
.in-news .in-news-c  .con .txt p{font-size: 16px;}
}

@media only screen and (max-width:1300px) {
		.in-news .in-news-c  .con .txt{width: 100%;height:44px;}
.in-news .in-news-c  .con .txt p{font-size: 15px;}
.in-news .in-news-c  .con .dw .date{font-size: 15px;}
.in-news .in-news-c  .con .dw .mores{width: 30px;}
.in-news .in-news-c .in-news-list  li{padding: 20px 15px;}

}

@media only screen and (max-width:1024px ) {
	.in-news .in-news-c  .con h5{font-size: 17px;}
	.in-news .in-news-c .in-news-list  li{width:calc(50% - 20px);float: left;margin-right: 20px;padding:15px  0px; height: auto;}
.in-news .in-news-c .in-news-list  li:hover{padding: 15px;}
.in-news .in-news-c .in-news-list  li.cut{padding: 15px;}
.in-news .in-news-c .in-news-list2{padding-top: 0px;}
.in-news .in-news-c  .con .dw .mores{width: 25px;}
.in-news .in-news-c  .con .txt{margin-top: 10px;}
.in-news .in-news-c  .con .dw{margin-top: 10px;}
.in-news .in-news-top .in-news-sort li{font-size: 15px;}
.in-news .in-news-top .in-news-sort li:hover:before{content: "";position: absolute;top: 50%;transform: translateY(-50%);height: 1px;background:#0046AA; width: 25px;top: 50%;left: 0;}
.in-news .in-news-top .in-news-sort li:hover{padding-left: 35px;color: #0046AA;}
.in-news .in-news-top .in-news-sort li.active:before{content: "";position: absolute;top: 50%;transform: translateY(-50%);height: 1px;background:#0046AA; width: 25px;top: 50%;left: 0;}
.in-news .in-news-top .in-news-sort li.active{padding-left: 35px;color: #0046AA;}


}
@media only screen and (max-width:850px ) {
.in-news .in-news-top .title{width: 100%;float: none;}
.in-news .in-news-top .in-news-sort{width: 100%;margin-top: 30px;float: none;text-align:left;}

		.in-news .in-news-c .in-news-list{width: 100%;}
		.in-news .in-news-c .in-news-list2{width: 100%;}
				.in-news .in-news-c .in-news-list  li{width: calc(50% - 10px); margin-bottom: 20px; background: #FFFFFF; padding:15px;  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
	.in-news .in-news-c .in-news-list  li:nth-child(2n){margin-right: 0;}
		.in-news .in-news-c .in-news-list2 li{border-bottom: none; padding: 20px;background: #FFFFFF;margin-bottom: 20px;}
	.in-news .in-news-c .in-news-list2 li:hover{box-shadow: 5px 0 5px rgba(0,0,0,0.2);}
}

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

	.in-news .in-news-c  .con h5{font-size: 16px;}
			.in-news .in-news-c  .con .txt{width: 100%;height:42px;}
.in-news .in-news-c  .con .txt p{font-size: 14px;}
	.in-news .in-news-t  .title{float: left;width: calc(100% - 120px);}
		.in-news .in-news-c .in-news-list  li{width: 100%;}
		.in-news .in-news-c .in-news-list  li{background: #FFFFFF; padding:15px;  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.in-news .in-news-c .in-news-list  li.hover{padding: 15px;}
.in-news .in-news-c .in-news-list  li.cut{padding: 15px;}
.in-news .in-news-c .in-news-list2 li{padding: 15px;}
.in-news .in-news-c .in-news-list2 li:nth-child(2n){margin-bottom: 0;}
}



.in-bus{width: 100%;height: auto;top: 0;left: 0; background-size: cover;background-position: center;background-repeat: no-repeat;}
.in-bus .bk{background: rgba(0,70,170,0.5);}
.in-bus .in-bus-top{width: 100%;height: auto;overflow: hidden;}
.in-bus .in-bus-top .title{width: 210px;float: left;}
.in-bus .in-bus-top .title h3{color: #FFFFFF;}
.in-bus .in-bus-top .title h4{color: #FFFFFF;}
.in-bus .in-bus-top .txt{width: calc(100% - 210px);padding-top:30px; float: right; padding-left: 10%;}
.in-bus .in-bus-top .txt p{font-size: 16px;color: #FFFFFF;}

.in-bus .in-bus-list{overflow: hidden; border-top: 1px solid rgba(255,255,255,0.5); width: 100%;height: auto;}
.in-bus .in-bus-list  li{font-size: 0; width: 25%;float: left;padding: 60px 20px;text-align: center;  border-right: 1px solid rgba(255,255,255,0.5);}
.in-bus .in-bus-list  li:last-child{border-right: none;}

.in-bus .in-bus-list  li .ico{width: 25%;display: block; max-width: 70px;height: auto;margin: 0 auto; }
.in-bus .in-bus-list  li .ico img{display: block;width: 100%;height: auto;}
.in-bus .in-bus-list  li .ico .img2{display: none;}
.in-bus .in-bus-list  li h5{color: #FFFFFF;font-size: 20px;margin-top: 10px;}
.in-bus .in-bus-list  li h6{color: #FFFFFF;font-size: 16px;margin-top: 5px;margin-bottom: 10px; font-weight: normal;font-family: arial}
.in-bus .in-bus-list  li .bns{width: 13px;height: 13px;position: relative;margin: 0 auto;}
.in-bus .in-bus-list li .bns:after{content: "";position: absolute;right: 0;left:6px; height: 100%;width: 1px;background: #FFFFFF;}
.in-bus .in-bus-list  li .bns:before{content: "";position: absolute;left: 0;top:6px; width: 100%;height: 1px;background: #FFFFFF;}
.in-bus .in-bus-list  li:hover{background: #F25C19;}
.in-bus .in-bus-list  li:hover .ico .img1{display: none;}
.in-bus .in-bus-list  li:hover .ico .img2{display: block;}

@media only screen and (max-width:1500px) {
	.in-bus .in-bus-list  li h5{font-size: 18px;}
}
@media only screen and (max-width:1300px) {
	.in-bus .in-bus-list  li h5{font-size: 17px;}
	.in-bus .in-bus-list  li h6{font-size: 15px;}
	.in-bus .in-bus-top .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.in-bus .in-bus-list  li{padding: 45px 15px;}
	.in-bus .in-bus-top .txt p{font-size: 14px;}
}

@media only screen and (max-width:720px) {
	.in-bus .in-bus-top .title{float: inherit; width: 100%;height: auto;}
	.in-bus .in-bus-top .txt{width: 100%;height: auto;padding-top: 30px;padding-left: 0;}
	.in-bus .in-bus-list  li{width: 50%;border-bottom: 1px solid rgba(255,255,255,0.5);}
	/*.in-bus .in-bus-list  li:nth-child(2n){border-right: none;}
	.in-bus .in-bus-list  li:nth-child(2){background: #F25C19;}
	.in-bus .in-bus-list  li:nth-child(2) .ico .img1{display: none;}
.in-bus .in-bus-list  li:nth-child(2) .ico .img2{display: block;}
	.in-bus .in-bus-list  li:nth-child(3){background: #F25C19;}
	.in-bus .in-bus-list  li:nth-child(3) .ico .img1{display: none;}
.in-bus .in-bus-list  li:nth-child(3) .ico .img2{display: block;}*/
}




















.in-research{width: 100%;height: auto;}
.in-research .title{text-align: center;}
.in-research .sumy{text-align: center; width: 100%;max-width: 600px; margin: 0 auto;height: auto;margin-top: 25px;}
.in-research .sumy p{font-size: 16px;color: #000000;}
.in-research .in-res-list{width: 100%;height: auto;font-size: 0;}
.in-research .in-res-list li{display: inline-block !important;width:calc(33.3% - 20px);margin-right: 30px;}
.in-research .in-res-list li:nth-child(3){margin-right: 0;}
.in-research .in-res-list li a{display: block;width: 100%;height: auto;position: relative;overflow: hidden;}
.in-research .in-res-list li a img{display: block;width: 100%;height: auto;}
.in-research .in-res-list li a .bk{width: 100%;height:100%;background: rgba(0,70,170,0.3); position: absolute;top: 0;left: 0;}
.in-research .in-res-list li a .con{width: 100%;height:auto;text-align: center; position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding:0 20px;}
.in-research .in-res-list li a .con .ico{width: 25%;max-width: 70px;height: auto;margin: 0 auto;}
.in-research .in-res-list li a .con .ico img{display: block;width: 100%;height: auto;}
.in-research .in-res-list li a .con h5{color: #FFFFFF;font-size:24px;margin-top: 5px;}
.in-research .in-res-list li a .con h6{font-size: 18px;color: #FFFFFF;font-weight: normal;}
.in-research .in-res-list li:hover a img{transform: scale(1.1);transition: all 0.5s ease;}
.in-research .in-res-list li:hover a .bk{background:rgba(0,0,0,0.2);}
.in-research .in-res-list li:hover a .con .ico img{transform: scale(1);}

@media only screen and (max-width:1500px) {
	.in-research .in-res-list li a .con h5{font-size: 20px;}
	.in-research .in-res-list li a .con h6{font-size: 16px;}
}
@media only screen and (max-width:1300px) {
	.in-research .in-res-list li a .con .ico{max-width: 55px;}
	.in-research .in-res-list li a .con h5{font-size:18px;}
	.in-research .in-res-list li a .con h6{font-size: 15px;}
.in-research .sumy p{font-size: 15px;}
}
@media only screen and (max-width: 1024px) {
	.in-research .in-res-list li a .con h5{font-size:16px;}
	.in-research .in-res-list li a .con h6{font-size: 14px;}
	.in-research .in-res-list li{width: calc(33.3% - 10px);margin-right: 15px;}
	.in-research .sumy p{font-size: 14px;}
}
@media only screen and (max-width: 720px) {
.in-research .in-res-list li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
.in-research .in-res-list li:nth-child(2){margin-right: 0;}
.in-research .in-res-list li:nth-child(3){width: 100%;height:150px;overflow: hidden; margin-right: 0;}	
.in-research .in-res-list li:nth-child(3) a{height: 150px;}
}












.quk{width: 100%;height: auto;font-size: 0;}
.quk li{position: relative; width: 50%;height: auto;display: inline-block;}
.quk li img{display: block;width: 100%;height: auto;}
.quk li .bk{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.2); top: 0;left: 0;}
.quk li .con{width: 100%;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0; text-align: center;}
.quk li .con h5{font-size: 30px;color: #FFFFFF;}
.quk li .con a{display: block;position: relative; width:160px;z-index: 0; height: 45px;line-height: 45px;text-align: center;color: #FFFFFF;margin: 0 auto;border:1px solid #FFFFFF;margin-top: 30px;font-size: 16px;}
.quk li .con a:before{content: "";position: absolute;top: 0; left:50%;transform: translateX(-50%); width: 0;height: 100%;z-index: -1; background:rgba(255,255,255,0.20);}
.quk li:hover .bk{background: rgba(0,70,170,0.2);}
.quk li:hover .con a:before{content: "";width: 100%;height: 100%;transition:all 0.3s ease;}
@media only screen and (max-width:1500px) {
.quk li .con h5{font-size: 26px;}
}
	
@media only screen and (max-width:1300px) {
.quk li .con h5{font-size: 24px;}
.quk li .con a{font-size: 15px;width: 140px; line-height: 40px;height: 40px;}
}

@media only screen and (max-width:1024px) {
.quk li .con h5{font-size: 20px;}
.quk li .con a{font-size: 15px;width: 120px; line-height:35px;height: 35px;margin-top: 20px;}	
}

@media only screen and (max-width:720px) {
.quk li{width: 100%;height: auto;float: none;}
.quk li .con h5{font-size:18px;}
.quk li .con a{font-size: 14px;width: 100px; line-height:30px;height: 30px;margin-top: 15px;}	
}























.footer{width: 100%;height: auto;background: #f5f5f5;}
.footer .foot-t{padding: 55px 0; width: 100%;height: auto;overflow: hidden;}
.footer .foot-t .foot-tc{float: left; padding-left: 8%; text-align: center;width: calc(100% - 500px);height: auto;text-align: left;}
.footer .foot-t .foot-tc .navs{width: 100%;height: auto;font-size: 16px;margin-bottom: 10px;}
.footer .foot-t .foot-tc .navs a{display: inline-block;padding:0 2%;}
.footer .foot-t .foot-tc .navs a:first-child{padding-left: 0;}
.footer .foot-t .foot-tc .navs a:hover{color: #0046AA;}
.footer .foot-t .foot-tc .cont{width: 100%;height: auto;margin-top: 20px;text-align:left;}
.footer .foot-t .foot-tc .cont p{font-size: 16px;height: auto;margin-bottom: 10px;  color: #000;padding-left: 30px;background-repeat: no-repeat;background-position: left center; background-size: 20px 20px;}




.footer .foot-t .logo{float: left; width: 260px;display: block;height: auto;}
.footer .foot-t .logo img{display: block;width: 100%;height: auto;}
.footer .foot-t .code{width:240px;text-align: center;font-size: 0; float: right;overflow: hidden;}
.footer .foot-t .code li{display: inline-block;width: calc(50% - 15px);margin-right: 30px;}
.footer .foot-t .code li:nth-child(2){margin-right: 0;}
.footer .foot-t .code li .pic{margin-bottom: 10px; width: 100%;height: auto;}
 .footer .foot-t .code li .pic img{display: block;width: 100%;height: auto;}
.footer .foot-t .code li p{font-size: 16px;color: #000000;}

.footer .foot-d{width: 100%;height: auto;padding: 20px 0;border-top: 1px solid #dcdcdc;}
.footer .foot-d .foot-dl{float: left;width: calc(100% - );font-size: 16px;color: #000;display: block;}
.footer .foot-d .foot-dr{float: right;width: 150px;font-size: 16px;color:#000000;display: block;}

@media only screen and (max-width:1500px) {
	.footer .foot-t{padding: 50px 0;}
	.footer .foot-t .logo{width: 210px;}
	.footer .foot-t .code{width: 190px;}
	.footer .foot-t .foot-tc{width: calc(100% - 400px);}
	.footer .foot-t .code li{width: calc(50% - 10px);margin-right: 20px;}
	.footer .foot-t .foot-tc .navs a{padding:0 1.5%;}
	
}
@media only screen and (max-width:1300px) {
	.footer .foot-t{padding: 45px 0;}
	.footer .foot-t .logo{width: 170px;}
	.footer .foot-t .code{width: 160px;}
	.footer .foot-t .code li p{font-size: 15px;}
	.footer .foot-t .foot-tc{width: calc(100% - 330px);padding-left: 3%;}
	.footer .foot-t .foot-tc a{font-size: 15px;}
	.footer .foot-t .code li{width: calc(50% - 5px);margin-right: 10px;}
	.footer .foot-t .foot-tc .cont p{font-size: 15px;}
	.footer .foot-d .foot-dl{font-size: 15px;}
	.footer .foot-d .foot-dr{font-size: 15px;}	
	.footer .foot-t .foot-tc .navs a{padding:0 1%;}
}
@media only screen and (max-width:1024px) {
	.footer .foot-t{padding: 40px 0;}
	.footer .foot-t .foot-tc{padding: 0 30px;}
	.footer .foot-d{text-align: center;}
		.footer .foot-d .foot-dl{display: inline-block; float: none;}
			.footer .foot-d .foot-dr{float: none;display: inline-block;}
			.footer .foot-t .foot-tc .cont p{font-size: 14px;}
	.footer .foot-d .foot-dl{font-size: 14px;}
	.footer .foot-d .foot-dr{font-size: 14px;}
	.footer .foot-t .code li p{font-size: 14px;}
			
}
@media only screen and (max-width:850px) {
	.footer .foot-t .code li{width: calc(50% - 12.5px);margin:0 6px;}
	.footer .foot-t{padding: 35px 0;}
	.footer .foot-t .foot-tc{width:100%;padding: 15px 0;}
	.footer .foot-t .foot-tc .navs{display: none;}
	.footer .foot-t .logo{float: none; margin:  0 auto;}
	.footer .foot-t .foot-tc .cont{overflow: hidden; display: inline-block;margin: 0 auto;width: auto;text-align: center;height: auto;}
	.footer .foot-t .foot-tc .cont p{display:inline-block ;width: auto;height: auto;}
	.footer .foot-t .code{width: 100%;height: auto;max-width:220px;height: auto;float: none; margin: 0 auto;}
}



.in-banner{position:relative;width: 100%;height:550px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.in-banner .bk{width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: rgba(23,62,156,0.2);}
.in-banner .title{ width: 100%;height: auto;text-align: right;overflow: hidden;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.in-banner .title .line{display:inline-block;width: 55px;height: 3px;background: #FFFFFF;margin-bottom: 10px;}
.in-banner .title h3{color: #FFFFFF;width: 100%;}
.in-banner .title h4{color: #FFFFFF;width: 100%;}

@media only screen and (max-width:1500px) {
	.in-banner{height: 500px;}
}
@media only screen and (max-width:1400px) {
	.in-banner{height: 450px;}
}
@media only screen and (max-width:1300px) {
	.in-banner{height: 400px;}
	.in-banner .title .line{width: 45px;}
}
@media only screen and (max-width:1024px) {
	.in-banner{height:350px;}
}
@media only screen and (max-width:720px) {
	.in-banner .title .line{width: 40px;}
	.in-banner{height:200px;}
}



.bread{width: 100%;height: auto;padding: 30px 0;}
.mb-nav{width: 100%;height: auto;text-align: right; color: #000000; font-size: 16px;}
.mb-nav a{display:inline-block;color: #000000;line-height: 25px;}
.mb-nav a.home{padding-left:30px;background-repeat: no-repeat;background-position: left top;background-size: 25px 25px;}
.mb-nav a:hover{color: #0046AA;}


.page-sort{border-bottom: 1px solid #dcdcdc;padding-top: 20px; width: 100%;height: auto;font-size: 0;}
.page-sort a{position: relative;font-size: 18px;font-weight: bolder; padding: 0 1% 15px 1%;margin-right: 20px; display: inline-block;color: #000000;}
.page-sort a.active:before{content: "";position: absolute;left: 0;bottom: -1px; width: 100%;height:2px;background: #f25c19;}
.page-sort a:hover{color: #0046AA;}
.page-sort a.active{color: #0046AA;}
.page-sort a:hover:before{content: "";position: absolute;left: 0;bottom: -1px; width: 100%;height:2px;background: #f25c19;}

.news{ width: 100%;height: auto;}
.news ul{width: 100%;height:auto}
.news ul li{width: 100%;height:auto;overflow: hidden;padding: 30px;background: #FFFFFF;border-bottom: 1px solid #dcdcdc;}
.news ul li a{display: block;width: 100%;overflow: hidden; height: auto;position: relative;}
.news ul li .pic{width: 480px;height:100%;top: 0;left: 0; position: absolute;background-size: cover;background-repeat: no-repeat;background-position: center;}
.news ul li .con{width: calc(100% - 480px);float: right; padding-left: 5%;height: auto;}
.news ul li .con h6{font-size: 20px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news ul li .con .time{margin-top: 10px; font-size: 16px;color: #666;font-family: arial;}
.news ul li .con .txt {margin-top: 10px; width: 100%;height: 96px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
.news ul li .con .txt p{font-size: 16px;color: #000000;}

.news ul li .con .con-d{padding-right: 50px;background-repeat:no-repeat;background-position:right;background-size:36px 24px;margin-top: 15px;}
.news ul li .con .con-d .more2{font-size: 16px;color: #000000;}
.news .load-more{display:block;margin: 0 auto; text-align: center;color: #FFFFFF;background: #0046AA;line-height: 40px;width: 140px;text-align: center;border-radius: 20px;}
.news ul li:hover{background:#f6f6f6;border-bottom: 1px solid #f6f6f6;}
.news ul li:hover .con .con-d .more2{color: #0046AA;}
.news ul li:hover .con h6{color: #0046AA;}

@media only screen and (max-width:1500px) {
	.bread{padding: 20px 0;}
.news ul li	 .con h6{font-size: 18px;}
.news ul li	.pic{width: 450px;}
.news ul li	.con{width: calc(100% - 450px);}

}
@media only screen and (max-width:1300px) {
	.page-sort a{font-size: 16px;}
	.news ul li .pic{width: 360px;}
	.news ul li .con{width: calc(100% - 360px);}
	.news ul li .con .time{font-size: 15px;}
	.news ul li .con .txt{height: 88px;}
	.news ul li .con .txt p{font-size: 15px;}
	.news ul li .con .con-d .more2{font-size: 15px;}
			.news ul li{padding: 25px;}
			.mb-nav{font-size: 15px;}
			.mb-nav a.home{background-size: 20px 20px;}
			.news .load-more{font-size: 15px;line-height: 35px;width: 120px;height: 35px;}
			
}


@media only screen and (max-width:1024px) {
	.bread{padding: 15px 0;}
	.mb-nav{font-size: 14px;}
	.page-sort a{font-size: 14px;padding-bottom: 10px;}
			.news ul li{padding: 20px;}
		.news ul li .pic{width:280px;}
	.news ul li .con{width: calc(100% - 280px);}
	.news ul li .con .con-d{background-size: 27px 18px;margin-top: 10px;}
	.news ul li	 .con h6{font-size: 16px;}
	.news ul li .con .time{font-size: 14px;}
	.news ul li .con .txt{height: 88px;}
	.news ul li .con .txt p{font-size: 14px;}
	.news ul li .con .con-d .more2{font-size: 14px;}
			.news .load-more{font-size: 14px;line-height: 30px;width: 100px;height: 30px;}
			
}
@media only screen and (max-width:720px) {
	.news ul li{padding: 0 0 20px 0; background: #f6f6f6;border-bottom: 1px solid #f6f6f6; margin-bottom: 20px;}
.news ul li:last-child{margin-bottom: 0;}
	.news ul li .con .txt{height:42px;-webkit-line-clamp: 2;}
		.news ul li .pic{width: 100%;height:150px; position: static;}
		.news ul li .con{ padding-left:10px;padding-right: 10px; padding-top:25px;width: 100%;height: auto;float: inherit;}

}

.news-d{width: 100%;height: auto;}
.news-d .txt{margin-top: 40px; width: 100%;height: auto;}
.news-d .txt p{font-size: 16px;color: #000000;}
.news-d .txt p img{width: auto; max-width: 100%;height: auto;}
.news-d h6{color: #000000;font-size: 24px;margin-bottom: 10px;}
.news-d .time{padding-left: 40px;height: auto;font-family: arial;color: #666666;background:url(../img/a010.png); background-size: 27px  18px;background-position: left center;background-repeat: no-repeat;}

.news-down{margin-top: 40px; padding-top: 35px;border-top: 1px solid #dcdcdc; width: 100%;height: auto;overflow: hidden;}

.news-down .news-downl{width: calc(100% - 140px);float: left;padding-right: 5%;}
.news-down .news-downl span{color: #000000;font-size: 16px;display: block;margin: 5px 0;}
.news-down .news-downl span a{color: #000000;}
.news-down .news-downl span:hover{color: #0046AA;}
.news-down .news-downl span:hover a{color: #0046AA;}
.news-down  .return{width: 140px;line-height: 40px;margin-top: 10px; float: right; text-align: center;height: 40px;border-radius: 20px; background: #0046AA;color: #FFFFFF;display: block;}

@media only screen and (max-width:1500px) {
.news-d h6{font-size: 22px;}
}

@media only screen and (max-width:1300px) {
	.news-d h6{font-size: 20px;}
	.news-d .time{font-size: 15px;}
	.news-d .txt p{font-size: 15px;}
	.news-down .news-downl span{font-size: 15px;}
	.news-down  .return{font-size: 15px;width: 120px;line-height: 35px;height: 35px;}
	
}
@media only screen and (max-width:1024px) {
	.news-down .news-downl span{font-size: 15px;}
	.news-down .news-downl{width: 100%;height: auto;padding-right: 0;float: none;}
	.news-down  .return{float: none;margin-top: 40px;height: auto;}
}

.ab{width: 100%;height: auto;}
.ab .txt{width: 100%;height: auto; line-height: 2em;}
.ab .txt p{font-size: 16px;color: #000000;}
@media only screen and (max-width:1500px) {
	
}
@media only screen and (max-width:1300px) {
.ab .txt p{font-size: 15px;}	
}
@media only screen and (max-width: 1024px) {
	.ab .txt p{font-size: 14px;}
}


.org{width: 100%;height: auto;text-align: center;}
.org .sumy{margin-top: 45px; width: 100%;height: auto;padding: 0 10%; line-height: 2em;}	
@media only screen and (max-width:1300px) {
.org .sumy{padding: 0;}
}

@media only screen and (max-width:720px) {
.org .sumy{margin-top: 35px;}
.org .sumy{padding: 0;}
}


.advantage{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.advantage .bk{width: 100%;height: auto;background: rgba(0,70,170,0.25);}
.advantage .title{text-align: center;}
.advantage .title h3{color: #FFFFFF;}
.advantage .title h4{color: #FFFFFF;}

.advantage .adv-list{width: 100%;height: auto;font-size: 0;}
.advantage .adv-list li{margin-bottom: 35px; position: relative;padding-left:85px; vertical-align: top;width: calc(50% - 40px);margin-right: 80px;display: inline-block;}
.advantage .adv-list li:nth-child(2n){margin-right: 0;}
.advantage .adv-list li .ico{width:55px;position: absolute;left: 0;top: 0;}
.advantage .adv-list li .ico img{display: block;width: 100%;height: auto;}
.advantage .adv-list li h5{font-size: 20px;color: #fff;}
.advantage .adv-list li .txt{width: 100%;height: auto;margin-top: 20px;}
.advantage .adv-list li .txt p{font-size: 16px;color: #fff;}
@media only screen and (max-width:1500px) {
.advantage .adv-list li{padding-left:80px;}
.advantage .adv-list li .ico{width: 55px;height: auto;}
.advantage .adv-list li h5{font-size: 20px;}
}
@media only screen and (max-width:1300px ) {
.advantage .adv-list li{padding-left: 75px;}
.advantage .adv-list li .ico{width: 55px;height: auto;}
.advantage .adv-list li h5{font-size: 18px;}
.advantage .adv-list li .txt{margin-top: 15px;}
.advantage .adv-list li .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.advantage .adv-list li{padding-left: 70px;}
.advantage .adv-list li .ico{width: 50px;height: auto;}
.advantage .adv-list li h5{font-size: 15px;}
.advantage .adv-list li .txt p{font-size: 12px;}
}
@media only screen and (max-width:720px) {
.advantage .adv-list li .txt{margin-top: 10px;}
.advantage .adv-list li{padding-left: 0;padding-top: 60px;text-align: center;width: calc(50% - 7.5px);margin-right:15px;margin-bottom: 25px;}
.advantage .adv-list li .ico{top: 0;left: 50%;transform: translateX(-50%);width:45px;}
}


.plan{width: 100%;height: auto;}
.plan .cont-r{width:calc(100% - 600px);padding-right: 10%;height: auto;}
.plan .cont-l{position: absolute;top: 0;right: 0; width: 600px;height: 100%;background-size:cover;background-position: center;background-repeat:no-repeat;}
.plan .cont-c{width: 100%;height: auto;position: relative;}
.plan .cont-r .sumy{width:70%;height: auto;margin-top: 40px;}
.plan .cont-r .sumy p{font-size: 16px;color: #000000;  line-height: 2em;}

@media only screen and (max-width:1500px) {
.plan .cont-r{width: calc(100% - 500px);height: auto;}
.plan .cont-l{width: 500px;}
}
@media only screen and (max-width:1300px ) {
	.plan .cont-r .sumy{width: 100%;}
	.plan .cont-r{width: calc(100% - 400px);height: auto;}
	.plan .cont-l{width:400px;}
	.plan .cont-r .sumy p{font-size: 15px;}
    .plan .cont-r .sumy{margin-top: 30px;}
	
}
@media only screen and (max-width:1024px) {
.plan .cont-r{width: calc(100% - 300px);height: auto;}
.plan .cont-l{width:300px;}
.plan .cont-r .sumy p{font-size: 14px;}
.plan .cont-r .con{margin-top: 20px;}
.plan .cont-r .sumy{margin-top: 20px;}
}
	
@media only screen and (max-width: 720px) {
.plan .cont-r{width:100%;height: auto;padding-right: 0;}
.plan .cont-l{width: 0;display: none;}

}



.join{width: 100%;height: auto;}
.join .join-c{position: relative; width: 100%;height: auto;}
.join .join-c .join-r{position: absolute;top: 0;right: 0; width: 400px;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.join .join-c .join-l{font-size: 0; width: calc(100% - 400px);padding-right: 5%;height: auto;}
.join .join-c .join-l li{vertical-align: top;width: calc(50% - 20px);margin-right: 40px;margin-bottom: 35px;overflow: hidden;display: inline-block;}
.join .join-c .join-l li:nth-child(2n){margin-right: 0;}
.join .join-c .join-l li .ico{vertical-align: top; width: 65px;height: auto;float: left;}
.join .join-c .join-l li .ico img{display: block;width: 100%;height: auto;}
.join .join-c .join-l li .con{width: calc(100% - 65px);vertical-align: top; padding-left: 5%;float: left; height: auto;}
.join .join-c .join-l li .con h6{color: #000000;font-size: 20px;}
.join .join-c .join-l li .con .txt{width: 100%;height: auto;margin-top: 20px;}
.join .join-c .join-l li .con .txt p{font-size: 16px;color: #000000;}

@media only screen and (max-width: 1500px) {
	.join .join-c .join-l li .con h6{font-size: 18px;}
.join .join-c .join-l li .con .txt p{font-size: 15px;}	
}

@media only screen and (max-width: 1300px) {
	.join .join-c .join-r{width: 350px;}
	.join .join-c .join-l{width: calc(100% - 350px);}
	.join .join-c .join-l li .ico{width: 55px;}
	.join .join-c .join-l li .con{width: calc(100% - 55px);}
	.join .join-c .join-l li .con h6{font-size: 17px;}
.join .join-c .join-l li .con .txt p{font-size: 15px;}	
.join .join-c .join-l li .con .txt{margin-top: 15px;}
}

@media only screen and (max-width: 1024px) {
		.join .join-c .join-r{width: 0px;display: none;}
	.join .join-c .join-l{width:100%;padding: 0;}
		.join .join-c .join-l li .ico{width: 48px;}
	.join .join-c .join-l li .con{width: calc(100% - 48px);}
		.join .join-c .join-l li .con h6{font-size: 16px;}
.join .join-c .join-l li .con .txt p{font-size: 14px;}	
}
@media only screen and (max-width:720px) {
		.join{margin-top: 25px;}
	.join .join-c .join-l li{width: 100%;margin-right: 0;margin-bottom:20px;}
	.join .join-c .join-l li:last-child{margin-bottom: 0;}
		.join .join-c .join-l li .ico{width: 36px;}
	.join .join-c .join-l li .con{width: calc(100% - 36px);padding-left: 10px;}
	.join .join-c .join-l li .con .txt{margin-top: 10px;}
}

.join-adv{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.join-adv .bk{width: 100%;height: auto;background: rgba(0,70,170,0.9);}
.join-adv .title{width: 100%;height: auto;text-align: center;}
.join-adv .title h3,.join-adv .title h4,.join-adv .title p{color: #FFFFFF;}
.join-adv .title p{height: auto; margin-top: 25px; font-size: 18px;}
.join-adv .join-adv-list{font-size: 0; width: 100%;height: auto;}
.join-adv .join-adv-list li{width: calc(20% - 70px);padding: 0 2%; margin: 0 10px; text-align: center;margin-bottom:45px;vertical-align: top;display: inline-block;}
.join-adv .join-adv-list li .ico{max-width: 40px;margin: 0 auto; height: auto;padding:7px; background: #FFFFFF;border-radius: 50%;}
.join-adv .join-adv-list li .ico img{display: block;width: 100%;height: auto;border-radius:0;}
.join-adv .join-adv-list li h6{margin-top: 25px; font-size: 20px;color: #FFFFFF;}
.join-adv .join-adv-list li .txt{width: 100%;height: auto;margin-top: 20px;}
.join-adv .join-adv-list li .txt p{font-size: 16px;color: #FFFFFF;}


@media only screen and (max-width:1500px) {
	.join-adv .join-adv-list li h6{font-size: 18px;}
		.join-adv .join-adv-list li .txt p{font-size: 15px;}	
}
@media only screen and (max-width:1300px) {
	.join-adv .join-adv-list li{width: calc(20% - 60px);}
	.join-adv .join-adv-list li h6{font-size: 17px;}
	.join-adv .join-adv-list li .txt p{font-size: 14px;}
	.join-adv .join-adv-list li .ico{padding: 10px;}
}
@media only screen and (max-width:1024px) {
		.join-adv .join-adv-list li{width: calc(20% - 55px);}
	.join-adv .join-adv-list li{padding: 0 1%;}
	.join-adv .join-adv-list li .txt{margin-top: 15px;}
	.join-adv .join-adv-list li h6{font-size: 16px;margin-top: 15px;}
	.join-adv .join-adv-list li .txt p{font-size: 13px;}
}
@media only screen and (max-width:720px) {
	.join-adv .join-adv-list li .ico{width: 45px;}
	.join-adv .join-adv-list li{width: calc(50% - 5px);margin: 0;margin-right: 10px; padding: 0 1%;margin-bottom:35px;}
.join-adv .join-adv-list li:nth-child(2n){margin-right: 0;}
/*.join-adv .join-adv-list li:nth-child(5){margin-bottom: 0;}
.join-adv .join-adv-list li:nth-child(6){margin-bottom: 0;}*/
.join-adv .join-adv-list li h6{font-size: 15px;}
.join-adv .join-adv-list li .txt p{font-size: 12px;}
}

.sale{width: 100%;height: auto;}
.sale .cont-r{width:calc(100% - 600px);padding-right: 10%;height: auto;}
.sale .cont-l{position: absolute;top: 0;right: 0; width: 600px;height: 100%;background-size:cover;background-position: center;background-repeat:no-repeat;}
.sale .cont-c{width: 100%;height: auto;position: relative;}
.sale .cont-r .sumy{width:70%;height: auto;margin-top: 40px;}
.sale .cont-r .sumy p{font-size: 16px;color: #000000; line-height: 2em;}

@media only screen and (max-width:1500px) {
.sale .cont-r{width: calc(100% - 500px);height: auto;}
.sale .cont-l{width: 500px;}
}
@media only screen and (max-width:1300px ) {
	.sale .cont-r .sumy{width: 100%;}
	.sale .cont-r{width: calc(100% - 400px);height: auto;}
	.sale .cont-l{width:400px;}
	.sale .cont-r .sumy p{font-size: 15px;}
    .sale .cont-r .sumy{margin-top: 30px;}
	
}
@media only screen and (max-width:1024px) {
.sale .cont-r{width: calc(100% - 300px);height: auto;}
.sale .cont-l{width:300px;}
.sale .cont-r .sumy p{font-size: 14px;}
.sale .cont-r .con{margin-top: 20px;}
.sale .cont-r .sumy{margin-top: 20px;}
}
	
@media only screen and (max-width: 720px) {
.sale .cont-r{width:100%;height: auto;padding-right: 0;}
.sale .cont-l{width: 0;display: none;}
}

.process, .partner{width: 100%;height: auto;text-align: center;}
.process .sumy, .partner .sumy{margin-top: 45px; width: 100%;height: auto;padding: 0 10%; line-height: 2em;}
.process .org-pic .img1, .partner .org-pic .img1{display: block;}
.process .org-pic .img2, .partner .org-pic .img2{ display: none;}

@media only screen and (max-width:1300px) {
.process .sumy, .partner .sumy{padding: 0;}
}

@media only screen and (max-width:720px) {
.process .sumy, .partner .sumy{margin-top: 35px;}
.process .sumy, .partner .sumy{padding: 0;}
.process .org-pic .img1, .partner .org-pic .img1{ display: none;}
.process .org-pic .img2, .partner .org-pic .img2{ display: block;}
}

.culture{width: 100%;height: auto;}
.culture .cont-r{width:calc(100% - 600px);padding-right: 10%;height: auto;}
.culture .cont-l{position: absolute;top: 0;right: 0; width: 600px;height: 100%;background-size:cover;background-position: center;background-repeat:no-repeat;}
.culture .cont-c{width: 100%;height: auto;position: relative;}
.culture .cont-r .sumy{width:70%;height: auto;margin-top: 40px;}
.culture .cont-r .sumy p{font-size: 16px;color: #000000; line-height: 2em;}

@media only screen and (max-width:1500px) {
.culture .cont-r{width: calc(100% - 500px);height: auto;}
	.culture .cont-l{width: 500px;}
}
@media only screen and (max-width:1300px ) {
	.culture .cont-r .sumy{width: 100%;}
	.culture .cont-r{width: calc(100% - 400px);height: auto;}
	.culture .cont-l{width:400px;}
	.culture .cont-r .sumy p{font-size: 15px;}
.culture .cont-r .sumy{margin-top: 30px;}
	
}
@media only screen and (max-width:1024px) {
.culture .cont-r{width: calc(100% - 300px);height: auto;}
.culture .cont-l{width:300px;}
.culture .cont-r .sumy p{font-size: 14px;}
.culture .cont-r .sumy{margin-top: 20px;}
}
	
@media only screen and (max-width: 720px) {
.culture .cont-r{width:100%;height: auto;padding-right: 0;}
.culture .cont-l{width: 0;display: none;}

}

.contact1{width: 100%;height: auto;}
.contact1 .cont-r{width:calc(100% - 600px);padding-right: 10%;height: auto;}
.contact1 .cont-l{position: absolute;top: 0;right: 0; width: 600px;height: 100%;background-size:cover;background-position: center;background-repeat:no-repeat;}
.contact1 .cont-c{width: 100%;height: auto;position: relative;}
.contact1 .cont-r .sumy{width:70%;height: auto;margin-top: 40px;}
.contact1 .cont-r .sumy p{font-size: 16px;color: #000000;}
.contact1 .cont-r .con{width: 100%;height: auto;margin-top: 40px;}
.contact1 .cont-r .con p{margin-bottom: 20px; font-size: 16px;color: #000000;padding-left: 40px;line-height: 25px; width: 100%;height: auto;background-repeat: no-repeat;background-position:left center;background-size:25px 25px;}
.contact1 .cont-r .con .tel{font-size: 28px;color: #000000;font-family: arial;font-weight: bold;}

@media only screen and (max-width:1500px) {
.contact1 .cont-r{width: calc(100% - 500px);height: auto;}
	.contact1 .cont-l{width: 500px;}
}
@media only screen and (max-width:1300px ) {
	.contact1 .cont-r .sumy{width: 100%;}
	.contact1 .cont-r{width: calc(100% - 400px);height: auto;}
	.contact1 .cont-l{width:400px;}
	.contact1 .cont-r .sumy p{font-size: 15px;}
	.contact1 .cont-r .con p{font-size: 15px;}
	.contact1 .cont-r .con .tel{font-size: 24px;}
	.contact1 .cont-r .con{margin-top: 30px;}
.contact1 .cont-r .sumy{margin-top: 30px;}
	
}
@media only screen and (max-width:1024px) {
.contact1 .cont-r{width: calc(100% - 300px);height: auto;}
.contact1 .cont-l{width:300px;}
.contact1 .cont-r .sumy p{font-size: 14px;}
.contact1 .cont-r .con{margin-top: 20px;}
.contact1 .cont-r .sumy{margin-top: 20px;}
	.contact1 .cont-r .con p{font-size: 14px;margin-bottom: 10px;padding-left: 30px;background-size: 20px 20px;}
	.contact1 .cont-r .con .tel{font-size: 22px;}
}
	
@media only screen and (max-width: 720px) {
.contact1 .cont-r{width:100%;height: auto;padding-right: 0;}
.contact1 .cont-l{width: 0;display: none;}

}

.message{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.message .message-l{float: left;width: calc(100% - 600px);padding-right: 5%; height: auto;}
.message .message-l  .title h3{color: #FFFFFF;}
.message .message-l  .title h4{color: #FFFFFF;}

.message .message-r{width: 600px;float: right;height: auto;}
.message .message-r form{font-size: 0; width: 100%;height: auto;}
.message .message-r form .c1{width:calc(50% - 8px);margin-right: 16px;color: #000000;font-size: 15px;font-family: "微软雅黑"; height: 45px;border: none;background: rgba(255,255,255,0.8);padding-left: 10px;margin-bottom: 10px;float: left;}
.message .message-r form .c2{margin-right: 0;}
.message .message-r form .c3{width: 100%;margin-right: 0;}
.message .message-r form .c4{width: 100%;margin-right: 0;height: 120px;padding-top: 10px;}
.message .message-r form .tj{width: calc(50% - 8px);height: 45px;border: none; display: inline-block;color:#FFFFFF;background: #0046AA; margin-right: 0;}
.message .message-r form .cz{width: calc(50% - 8px);height: 45px;border: none;color: #FFFFFF; background: #a0a0a0; display: inline-block;margin-right: 16px;}

.message .message-r form .c1::-webkit-input-placeholder {color: #000;}
.message .message-r form .c1::-moz-placeholder {color: #000;}
.message .message-r form .c1::-moz-placeholder {color: #000;}
.message .message-r form .c1::-ms-input-placeholder {color: #000;}


@media only screen and (max-width:900px) {
.message .message-l{width: 100%;float: none;padding-right: 0;}
.message .message-r{width: 100%;height: auto; margin-top:15px;}
.message .message-r form .c1{height:36px;font-size: 14px;}
.message .message-r form .c4{height:70px;}
.message .message-r form .tj{height: 36px;}
.message .message-r form .cz{height: 36px;}
}


 
.log{width: 100%;height: auto;}
.log .log-c{width: 100%;height: auto;position: relative;}
.log .log-c .log-cr{width: 400px;height: 100%;position:absolute;top: 0;right: 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.log .log-c .log-cl{width: calc(100% - 400px);padding-right: 5%;height: auto;}
.log .log-c .log-cl p{font-size: 16px;color: #000000;line-height:1.8;}

@media only screen and (max-width:1500px) {
	.log .log-c .log-cr{width: 350px;}
	.log .log-c .log-cl{width: calc(100% - 350px);}
}
@media only screen and (max-width:1300px) {
		.log .log-c .log-cl p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.log .log-c .log-cr{width: 0;display: none;}
	.log .log-c .log-cl{width: 100%;padding-right: 0;}
	.log .log-c .log-cl p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
		.log{padding-top: 25px;}
		.log .log-c .log-cl p{font-size: 13px;}
}


.after-message{width: 100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.after-message .bk{width: 100%;height: auto;background: rgba(0,70,170,0.3);}
.after-message .title{width: 100%;height: auto;}
.after-message .title h3{color: #FFFFFF;}
.after-message .title h4{color: #FFFFFF;}


.after-message form{font-size: 0; width: 100%;height: auto;}
.after-message form .c1{width:calc(33.3% - 10px);margin-right: 15px;color: #000000;font-size: 15px;font-family: "微软雅黑"; height: 45px;border: none;background: rgba(255,255,255,0.8);padding-left: 10px;margin-bottom: 15px;float: left;}
.after-message form .c3{margin-right: 0;}

.after-message form .c4{width: 100%;margin-right: 0;height: 120px;padding-top: 10px;}
.after-message form .form-d{width: 100%;height: auto;overflow: hidden;}
.after-message form .form-d p{width:calc(100% - 240px);float: left;text-align: right;padding-right: 30px;line-height: 45px; font-size: 16px;color: #FFFFFF;}
.after-message form .tj{width:240px;float: right; height: 45px;border: none; display: inline-block;color:#FFFFFF;background: #0046AA; margin-right: 0;}
.after-message form .c1::-webkit-input-placeholder {color: #000;}
.after-message form .c1::-moz-placeholder {color: #000;}
.after-message form .c1::-moz-placeholder {color: #000;}
.after-message form .c1::-ms-input-placeholder {color: #000;}

@media only screen and (max-width: 1300px) {
	.after-message form .c1{height: 40px;line-height: 40px;font-size: 15px;}
	.after-message form .c4{height: 120px;}
.after-message form .form-d p{font-size: 15px;line-height: 40px;}
.after-message form .tj{height: 40px;font-size: 15px;line-height: 40px;}	
}
@media only screen and (max-width:1024px ) {
	.after-message form .c1{font-size: 14px;}
	.after-message form .tj{width: 180px;font-size: 14px;}
	.after-message form .form-d p{width: calc(100% - 180px);font-size: 14px;}
}

@media only screen and (max-width:720px) {
.after-message form .c1{width: 100%;margin-bottom:8px; height: auto;margin-right: 0;}
		.after-message form .c4{height:100px;}
	.after-message form .form-d p{width: 100%;height: auto;padding-right: 0;text-align: left;}
.after-message form .tj{width: 100%;display:block;float: none;margin-top:10px;}
}

.after-service{font-size: 0; width: 100%;height: auto;}
.after-service li{position: relative; display: inline-block;width: 50%;height: 520px; vertical-align: top;background-size: cover;background-position: center;background-repeat: no-repeat;}
.after-service li .bk{position: absolute;width: 100%;height: 100%;background:rgba(0,70,170,0.2);}
.after-service li .con{position: absolute;top: 50%;text-align: center;padding: 0 15%; left: 0;width: 100%;transform: translateY(-50%);}
.after-service li .con h6{font-size:24px;color: #FFFFFF;}
.after-service li .con .txt{width: 100%;height: auto;margin-top: 15px;margin-bottom: 40px;}
.after-service li .con .txt p{font-size: 16px;color: #FFFFFF;}
.after-service li .con .tel{width: 220px;line-height: 45px;height: 45px;margin: 0 auto;  background: #0046AA; text-align: center;}
.after-service li .con .tel span{color: #FFFFFF;font-size: 18px;padding-left: 45px;background-repeat: no-repeat;display: inline-block; background-position: left center;background-size: 30px 30px;}
.after-service li:hover .bk{background: rgba(0,70,170,0.5);transition:all 0.5s ease;}
@media only screen and (max-width:1300px) {
	.after-service li .con h6{font-size: 20px;}
	.after-service li{height: 450px;}
.after-service li .con .txt p{font-size: 15px;}
.after-service li .con .tel {line-height: 40px;width: 180px;height: 40px;}
.after-service li .con .tel span{font-size: 16px;padding-left: 35px;background-size: 25px 25px;}
}
@media only screen and (max-width:1024px) {
	.after-service li .con h6{font-size:18px;}
	.after-service li{height: 350px;}
	.after-service li .con{padding: 0 5%;}
	.after-service li .con .txt{margin-top: 10px;margin-bottom: 25px;}
.after-service li .con .txt p{font-size: 14px;}
.after-service li .con .tel {line-height:35px;width: 160px;height: 35px;}
.after-service li .con .tel span{font-size: 15px;padding-left:30px;background-size: 20px 20px;}
}
@media only screen and (max-width: 720px) {
	.after-service li .con .txt p{font-size: 13px;}
		.after-service li{width: 100%;height:300px;}
}


.after-contact{width: 100%;height: auto;overflow: hidden;}
.after-contact .map{width: 50%;height:450px;float: right;border: 1px solid #DCDCDC;}
.after-contact  #map{height:450px;width: 100%;}

.after-contact .cont-l{width: 50%;height: auto;padding-right: 5%;float: left;}
.after-contact .cont-l h5{font-size: 34px;color: #000;font-weight: normal;  width: 100%;height: auto;}
.after-contact .cont-l ul{width: 100%;height: auto;margin-top:50px;}
.after-contact .cont-l ul li{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.after-contact .cont-l ul li .ico{width: 45px;height:auto;float: left;}
.after-contact .cont-l ul li .ico img{display: block;width: 100%;height: auto;}
.after-contact .cont-l ul li .con{width: calc(100% - 45px);height: auto; padding-left: 5%;float: right;}
.after-contact .cont-l ul li .con h6{font-size: 14px;color: #000;font-weight: normal;}
.after-contact .cont-l ul li .con .txt{margin-top: 10px; width: 100%;height: auto;}
.after-contact .cont-l ul li .con .txt p{font-size: 18px;color: #000;word-wrap: break-word;}
.after-contact .cont-l ul li .con .ewm{width: 100%;height: auto;}
.after-contact .cont-l ul li .con .ewm a{width: 80px;float: left;margin-right: 20px;}
.after-contact .cont-l ul li .con .ewm a img{width: 100%;height: auto;display: block;}
.after-contact .cont-l ul li .con .ewm a p{text-align: center;font-size: 14px;margin-top: 10px;}


@media only screen and (max-width:1500px ) {
.after-contact .map{width: 48%;}
.after-contact .cont-l{width: 52%;}
}
@media only screen and (max-width: 1300px) {
.after-contact .cont-l ul li .ico{width:40px;height: 40px;}
.after-contact .cont-l ul li .con{width: calc(100% - 36px);}
.after-contact .cont-l ul li .con .txt p{font-size: 16px;}		
}

@media only screen and (max-width:1024px ) {
.after-contact .cont-l ul li .ico{width: 35px;height:35px;}
.after-contact .cont-l ul li .con{width: calc(100% - 35px);}	
.after-contact .cont-l ul li .con .txt p{font-size: 15px;}
}
@media only screen and (max-width:720px ) {
	.after-contact .cont-l{width: 100%;height: auto;padding: 0;float: none;}
	.after-contact .map{width: 100%;height: 300px;float: none;margin-top: 30px;}
	.after-contact .map #map{width: 100%;height: 300px;}
.after-contact .cont-l ul li .ico{width: 30px;height:30px;}
.after-contact .cont-l ul li .con{width: calc(100% - 30px);}	
.after-contact .cont-l ul li .con h6{font-size: 13px;}
.after-contact .cont-l ul li .con .txt p{font-size: 15px;}
}


.patent{width: 100%;height: auto;background:#F5F5F5;}
.patent .patent-top{width: 100%;height: auto;position: relative;}
.patent .patent-top{width: calc(100% - 100px);}



.room{width: 100%;height: auto;}
.room .room-js{width: 100%;height: auto;}
.room .room-js  .pic{overflow: hidden; display: block;width: 100%;height: auto;}
.room .room-js  .pic img{display: block;width: 100%;height: auto;}
.room .room-js  h6{font-size: 16px;text-align: center;width: 100%;margin-top: 10px;} 
.room .room-js  .swiper-slide:hover .pic img{transform: scale(1.1);transition: all 0.3s ease;}
.room .room-top{width: 100%;height: auto;position: relative;}
.room .room-top .swiper-button-next{
    background: url(../img/a045.png) #FFFFFF;
    right: 0px;
    left: auto;
}
.room .room-top .swiper-button-prev{
    background: url(../img/a044.png) #FFFFFF;
    right: 66px;
    left: auto;
}
.room .room-top .swiper-button-prev,.room .room-top .swiper-button-next {
    position: absolute;
    top:15px;
    width: 46px;
    height: 46px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:46px 46px;
    border: 1px solid #0046AA;
    background-position: center;
    background-repeat: no-repeat;
}

.room .room-top .swiper-button-prev:after,.room .room-top .swiper-button-next:after {display: none;}
.room .room-top .swiper-button-prev:hover{ background: url(../img/a044s.png) #0046AA; background-position: center;}
.room .room-top .swiper-button-next:hover{ background: url(../img/a045s.png) #0046AA; background-position: center;}

@media only screen and (max-width:1500px) {
.room .room-top .swiper-button-prev,.room .room-top .swiper-button-next {
    width:40px;
    height:40px;background-size:40px 40px;}
    .room .room-top .swiper-button-prev{right: 56px;}
}

@media only screen and (max-width:1300px) {
.room .room-top .swiper-button-prev,.room .room-top .swiper-button-next {
    width:35px;
    height:35px;background-size:35px 35px;}
    .room .room-top .swiper-button-prev{right: 45px;}
    .room .room-js  h6{font-size: 15px;}
}

@media only screen and (max-width:1024px) {
	.room .room-top .swiper-button-prev,.room .room-top .swiper-button-next {
    width:30px;
    height:30px;background-size:30px 30px;}
    .room .room-top .swiper-button-prev{right: 40px;}
	.room .room-js  h6{font-size: 14px;}
}



.patent{width: 100%;height: auto;}
.patent .patent-top{width: 100%;height: auto;position: relative;}
.patent .patent-js{width: 100%;height: auto;}
.patent .patent-js .swiper-slide{width: 100%;height: auto;}
.patent .patent-js .pic{width: 100%;height: auto;overflow: hidden;}
.patent .patent-js .pic img{display: block;width: 100%;height: auto;}
.patent .patent-js .swiper-slide h6{text-align: center; color: #000000;font-size: 16px;margin-top: 10px;width: 100%;}
.patent .patent-js .swiper-slide:hover .pic img{transform: scale(1.1);transition:all  0.5s ease;}

.patent .patent-top .swiper-button-next{
    background: url(../img/a045.png);
    right: 0px;
    left: auto;
}
.patent .patent-top .swiper-button-prev{
    background: url(../img/a044.png);
    right: 66px;
    left: auto;
}
.patent .patent-top .swiper-button-prev,.patent .patent-top .swiper-button-next {
    position: absolute;
    top:15px;
    width: 46px;
    height: 46px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:46px 46px;
    border: 1px solid #0046AA;
    background-position: center;
    background-repeat: no-repeat;
}
.patent .patent-top .swiper-button-prev:after,.patent .patent-top .swiper-button-next:after {display: none;}
.patent .patent-top .swiper-button-prev:hover{ background: url(../img/a044s.png) #0046AA; background-position: center;}
.patent .patent-top .swiper-button-next:hover{ background: url(../img/a045s.png) #0046AA; background-position: center;}

@media only screen and (max-width:1500px) {
.patent .patent-top .swiper-button-prev,.patent .patent-top .swiper-button-next {
    width:40px;
    height:40px;background-size:40px 40px;}
    .room .room-top .swiper-button-prev{right: 56px;}
}

@media only screen and (max-width:1300px) {
.patent .patent-top .swiper-button-prev,.patent .patent-top .swiper-button-next {
    width:35px;
    height:35px;background-size:35px 35px;}
 .patent .patent-top .swiper-button-prev{right: 45px;}
.patent .patent-js .swiper-slide h6{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.patent .patent-top .swiper-button-prev,.patent .patent-top .swiper-button-next {
    width:30px;
    height:30px;background-size:30px 30px;}
 .patent .patent-top .swiper-button-prev{right: 40px;}
	.patent .patent-js .swiper-slide h6{font-size: 14px;}
}


.team{width: 100%;height: auto;padding-top:3%;}
.team .team-top{width: 100%;height: auto;position: relative;}
.team .team-top .swiper-button-next{
    background: url(../img/a045.png);
    right: 0px;
    left: auto;
}
.team .team-top .swiper-button-prev{
    background: url(../img/a044.png);
    right: 66px;
    left: auto;
}
.team .team-top .swiper-button-prev,.team .team-top .swiper-button-next {
    position: absolute;
    top:15px;
    width: 46px;
    height: 46px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size:46px 46px;
    border: 1px solid #0046AA;
    background-position: center;
    background-repeat: no-repeat;
}
.team .team-top .swiper-button-prev:after,.team .team-top .swiper-button-next:after {display: none;}
.team .team-top .swiper-button-prev:hover{ background: url(../img/a044s.png) #0046AA; background-position: center;}
.team .team-top .swiper-button-next:hover{ background: url(../img/a045s.png) #0046AA; background-position: center;}
.team .team-js .pic{width: 100%;height: auto;overflow: hidden;}
.team .team-js .pic img{display: block;width: 100%;height: auto;}
.team .team-js .swiper-slide{text-align: left;}
.team .team-js .swiper-slide .txt{text-align:left ; padding-right: 20px;background: url(../img/a045.png);background-repeat: no-repeat;background-size:30px 30px;background-position:right center; width: 100%;height: auto;  color: #000000;font-size: 16px;margin-top: 10px;width: 100%;}
.team .team-js .swiper-slide:hover .pic img{transform: scale(1.1);transition:all  0.5s ease;}
.team .team-js .swiper-slide .txt h6{font-size: 20px;display: inline-block;}
.team .team-js .swiper-slide .txt span{display: inline-block;padding-left: 20px;font-size: 16px;}



@media only screen and (max-width:1500px) {
.team .team-top .swiper-button-prev,.team .team-top .swiper-button-next {
    width:40px;
    height:40px;background-size:40px 40px;}
.team .team-top .swiper-button-prev{right: 56px;}

}

@media only screen and (max-width:1300px) {
.team .team-top .swiper-button-prev,.team .team-top .swiper-button-next {
    width:35px;
    height:35px;background-size:35px 35px;}
.team .team-top .swiper-button-prev{right: 45px;}

.team .team-js .swiper-slide .txt h6{font-size: 18px;}
.team .team-js .swiper-slide .txt span{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.team .team-top .swiper-button-prev,.team .team-top .swiper-button-next {
    width:30px;
    height:30px;background-size:30px 30px;}
.team .team-top .swiper-button-prev{right: 40px;}

	.team .team-js .swiper-slide .txt h6{font-size: 15px;}
.team .team-js .swiper-slide .txt span{font-size: 14px;}
}


.pro-bk{width: 100%;height: auto;background: #f4f7f8;}
.pro{width: 100%;height: auto;}
.pro .pro-list{width: 100%;height: auto;font-size: 0;}
.pro .pro-list li{width: calc(25% - 7.5px);margin-right: 10px;display: inline-block;margin-bottom: 30px;overflow: hidden;}
.pro .pro-list li:nth-child(4n){margin-right: 0;}
.pro .pro-list li .pic{background: #FFFFFF;width: 100%;height: auto;position: relative;overflow: hidden;}
.pro .pro-list li .pic img{display: block;width: 100%;height: auto;}
.pro .pro-list li .pic .bks{position: absolute;top: 0;left: 0; width: 100%;height:0;background: rgba(0,70,170,0.8);}
.pro .pro-list li .pic .bks .con{width: 100%;height:0;overflow: hidden; text-align: center;padding: 0 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.pro .pro-list li .pic .bks .con .ico{width: 15%;max-width: 50px;height: auto;margin: 0 auto;}
.pro .pro-list li .pic .bks .con .ico img{display: block;width: 100%;height: auto;}
.pro .pro-list li .pic .bks .con h6{color: #FFFFFF;margin-top: 10px;font-size: 18px;}
.pro .pro-list li .pic:hover img{transform: scale(1.1);transition: all 0.3s ease;}
.pro .pro-list li .pic:hover .bks{height: 100%;transition: all 0.5s ease;}
.pro .pro-list li .pic:hover .con{height: auto;}
.pro .pro-list li h5{font-size: 20px;color: #000000;margin-top: 15px;width: 100%;text-align: center;}
.pro .add-more{display:block;margin: 0 auto; text-align: center;color: #FFFFFF;background: #0046AA;line-height: 40px;width: 140px;text-align: center;border-radius: 20px;}

@media only screen and (max-width:1500px) {
.pro .pro-list li .pic .bks .con h6{font-size: 17px;}
.pro .pro-list li h5{font-size: 18px;}
.pro .add-more{font-size: 15px;line-height: 35px;width: 120px;height: 35px;}
}
@media only screen and (max-width:1300px) {
.pro .pro-list li .pic .bks .con .ico{max-width: 45px;}
.pro .pro-list li .pic .bks .con h6{font-size: 16px;}
.pro .pro-list li h5{font-size: 17px;}
}
@media only screen and (max-width:1024px) {
.pro .pro-list li .pic .bks .con h6{font-size: 15px;}
.pro .pro-list li h5{font-size: 16px;}
.pro .pro-list li{width: calc(33.3% - 6px);margin-right: 9px;margin-bottom: 25px;}
.pro .pro-list li:nth-child(4n){margin-right: 9px;}
.pro .pro-list li:nth-child(3n){margin-right: 0;}
.pro .add-more{font-size: 14px;line-height: 30px;width: 100px;height: 30px;}
}

@media only screen and (max-width:720px) {
.pro .pro-list li{width: calc(50% - 4px);margin-right:8px;margin-bottom: 20px;}
.pro .pro-list li:nth-child(4n){margin-right: 8px;}
.pro .pro-list li:nth-child(3n){margin-right: 8px;}	
.pro .pro-list li:nth-child(2n){margin-right: 0;}
}


.in-banner2{width: 100%;height: auto;position: relative;z-index: 111;}
.in-banner2 .title{z-index: 222; position: absolute;left: 0;top:50%;transform: translateY(-50%); height: auto;width: 100%;text-align: right;}
.in-banner2 .title h3,.in-banner2 .title h4{color: #FFFFFF;}
.in-banner2 .in-banner2-js{z-index: 0; width: 100%;height: auto;}
.in-banner2 .in-banner2-js .pic{z-index: -1; width: 100%;height: auto;position: relative;}
.in-banner2 .in-banner2-js .pic img{display: block;width: 100%;height: auto;}

.in-banner2 .in-banner2-js .pic iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.in-banner2 .in-banner2-js .pic .bks{z-index:-1; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,70,170,0.2);}
.in-banner2 .title .line{display:inline-block;width: 55px;height: 3px;background: #FFFFFF;margin-bottom: 10px;}
/*.in-banner2 .in-banner2-js .vidbacking{display: none; object-fit: cover; position: absolute;top: 0;left: 0; width: 100%;height:100%;object-fit: cover;}
*/
.pro-banner{width: 100%;height: auto;}
.pro-banner .video-pro{display: none;}
.in-banner2 .in-banner2-js .swiper-slide-active .vidbacking{display: block;}
.in-banner2 .in-banner2-js .swiper-pagination { bottom: 15%;}
.in-banner2 .in-banner2-js .swiper-pagination-bullet {
    width: 35px;
    height: 2px;
    display: inline-block;
    border-radius: 0%;
    background: #fff;
    opacity:1;
    z-index: 333;
    cursor: pointer;
}

.in-banner2 .in-banner2-js .swiper-pagination-bullet-active{background: #E86814;}





@media only screen and (max-width:1300px) {
	.in-banner2 .title .line{width: 45px;}
}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:720px) {	
	
.in-banner2 .in-banner2-js .swiper-pagination { bottom: 30px;}
.in-banner2 .title .line{width: 40px;}
.in-banner2 .in-banner2-js video{display: none;}
.pro-banner	.in-banner2-js{display: none;}
.pro-banner .title{display: none;}
.pro-banner .video-pro{width: 100%;height:auto;display: block;}
.pro-banner .video-pro iframe{width: 100%;height:220px;display: block;object-fit: cover;}
}



.tech-d{width: 100%;height: auto;}
.tech-d .tech-l{width: 400px;height: auto;background: #F5F5F5;float: left;}
.tech-d .tech-l .pic{width: 100%;height: auto;}
.tech-d .tech-l .pic img{display: block;width: 100%;height: auto;}
.tech-d .tech-l  .con{width: 100%;height: auto;padding:35px;}
.tech-d .tech-l  .con h6{font-size: 20px;color: #000000;margin-bottom: 20px;}

.tech-d .tech-l  .con .infor{width: 100%;height: auto;}
.tech-d .tech-l  .con  .infor p{font-size: 16px;color: #000000;}
.tech-d .tech-r{width: calc(100% - 400px);float: right;padding-left: 5%;}
.tech-d .tech-r .top{width: 100%;height: auto;}
.tech-d .tech-r .top h6{font-size: 20px; display: inline-block;padding-right: 45px;background:url(../img/a010.png);background-position: right center;background-size: 30px 20px;background-repeat: no-repeat;}
.tech-d .tech-r .txt{width: 100%;height: auto;margin-top: 20px;}
.tech-d .tech-r .txt p{font-size: 16px;color: #000000;line-height: 1.8;}

@media only screen and (max-width:1300px) {
	.tech-d .tech-l{width: 350px;}
	.tech-d .tech-r{width: calc(100% - 350px);}
.tech-d .tech-l  .con h6{font-size: 18px;}
.tech-d .tech-l  .con .infor p{font-size: 15px;}
.tech-d .tech-r .top h6{font-size: 18px;}
.tech-d .tech-r .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	
	.tech-d .tech-l{width: 300px;}
	.tech-d .tech-r{width: calc(100% - 300px);}
	.tech-d .tech-l  .con h6{font-size: 17px;}
.tech-d .tech-l  .con .infor p{font-size: 14px;}
.tech-d .tech-r .top h6{font-size: 17px;}
.tech-d .tech-r .txt p{font-size: 14px;}
}

@media only screen and (max-width: 900px) {
	.tech-d .tech-l{width:250px;}
	.tech-d .tech-r{width: calc(100% - 250px);}	
}
@media only screen and (max-width:720px) {
	.tech-d .tech-l{width:100%;overflow: hidden; float: none;}
	.tech-d .tech-l .pic{width:140px;float: left; height: auto;}
	.tech-d .tech-l .con{float: right;width: calc(100% - 140px);padding: 20px  15px;}
	.tech-d .tech-l .con h6{color: #0046AA;}
	.tech-d .tech-r{width:100%;margin-top:10px;padding-left: 0; float: none;}
		.tech-d .tech-r .top{display: none;}
}


.detail-pro{padding-top: 5%; width: 100%;height: auto;}
.detail-pro-sort{width: 100%;height: auto;border-bottom: 1px solid #DCDCDC;}
.detail-pro-sort ul{font-size: 0;}
.detail-pro-sort ul li {cursor: pointer; position: relative;font-size: 18px;font-weight: bolder; padding: 0 1% 15px 1%;margin-right: 20px; display: inline-block;color: #000000;}
.detail-pro-sort ul li.active:before{content: "";position: absolute;left: 0;bottom: -1px; width: 100%;height:2px;background: #f25c19;}
.detail-pro-sort ul li:hover{color: #0046AA;}
.detail-pro-sort ul li.active{color: #0046AA;}
.detail-pro-sort ul li:hover:before{content: "";position: absolute;left: 0;bottom: -1px; width: 100%;height:2px;background: #f25c19;}


.detail-pro-c{width: 100%;height: auto;display: none;}

.detail-pro-c .detail-pro-txt{width: 100%;height: auto;}
.detail-pro-c .detail-pro-txt p{font-size: 16px;color: #000000;}
.detail-pro-c .detail-pro-txt p img{display: block;width: 100%;height: auto;}
.detail-pro-c .detail-pro-js{padding: 5px; width: 100%;height: auto;padding-bottom: 45px;}
.detail-pro-c .detail-pro-js .pic{box-shadow: 0 0 5px rgba(0,0,0,0.3); position: relative; width: 100%; height: auto;overflow: hidden;background: #FFFFFF;}
.detail-pro-c .detail-pro-js .pic img{display: block;width: 100%;height: auto;}
.detail-pro-c .detail-pro-js .pic .bks{position: absolute;top: 0;left: 0; width: 100%;height:0;background: rgba(0,70,170,0.8);}
.detail-pro-c .detail-pro-js .pic .bks .con{width: 100%;height: auto; text-align: center;padding: 0 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.detail-pro-c .detail-pro-js .pic .bks .con .ico{width: 15%;max-width: 50px;height: auto;margin: 0 auto;}
.detail-pro-c .detail-pro-js .pic .bks .con .ico img{display: block;width: 100%;height: auto;}
.detail-pro-c .detail-pro-js .pic .bks .con h6{color: #FFFFFF;margin-top: 10px;font-size: 18px;}
.detail-pro-c .detail-pro-js .pic:hover img{transform: scale(1.1);transition: all 0.3s ease;}
.detail-pro-c .detail-pro-js .pic:hover .bks{height: 100%;transition: all 0.5s ease;}

.detail-pro-c .detail-pro-js .swiper-pagination-bullet {width:35px;height:2px;display: inline-block;border-radius: 0%;background: #0046AA;filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2;}
.detail-pro-c .detail-pro-js .swiper-pagination-bullet-active {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;background: #0046AA;}

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

.detail-pro-c .detail-pro-js .pic .bks .con h6{font-size: 17px;}
}
@media only screen and (max-width:1300px) {
.detail-pro-c .detail-pro-js .pic .bks .con .ico{max-width: 45px;}
.detail-pro-c .detail-pro-txt p{font-size: 15px}

.detail-pro-c .detail-pro-js .pic .bks .con h6{font-size: 16px;}
}
@media only screen and (max-width:1024px) {
.detail-pro-c .detail-pro-js .pic .bks .con h6{font-size: 15px;}
.detail-pro-c .detail-pro-js{padding-bottom: 30px;}
.detail-pro-c .detail-pro-txt p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.detail-pro{padding-top: 8%;}
}

.pro-d{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.pro-d .pro-dl{width: 50%;max-width: 450px; height: auto;float: left;}
.pro-d .pro-dl .pro-ll{width: 100%;height: auto;margin-top: 10px;padding-left: 5%;}
.pro-d .pro-dl .pro-ll .pic {width: 100%;height: auto;position: relative;}
.pro-d .pro-dl .pro-ll .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-dl .pro-lr{width: 100%;height: auto;}
.pro-d .pro-dl .pro-lr .pic {cursor: zoom-in; width: 100%;height: auto;}
.pro-d .pro-dl .pro-lr .pic img{display: block;width: 100%;height: auto;}

.pro-d .pro-dl .pro-ll .swiper-slide-thumb-active .pic{border: 1px solid #0046AA;background: rgba(255,255,255,0.1);}
.pro-d .pro-dl .pro-lr .swiper-button-next{
    background: url(../img/a046.png);
    right: 0px;
    left: auto;
}
.pro-d .pro-dl .pro-lr .swiper-button-prev{
    background: url(../img/a047.png);
    left: 0;
    right: auto;
}
.pro-d .pro-dl .pro-lr .swiper-button-prev,.pro-d .pro-dl .pro-lr .swiper-button-next {
    position: absolute;
    top:50%;
    width: 40px;
    height:40px;
    margin-top: -0px;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background-size:40px 40px;
    background-position: center;
    background-repeat: no-repeat;
}
.pro-d .pro-dl .pro-lr .swiper-button-prev:after,.pro-d .pro-dl .pro-lr .swiper-button-next:after {display: none;}

.pro-d .pro-dr{padding-top: 8%; width: 50%;padding-left: 5%;float: right; height: auto;}
.pro-d .pro-dr h6{font-size: 24px;color: #000000;}
.pro-d .pro-dr .txt{color: #000000;margin-top: 30px;width: 100%;}
.pro-d .pro-dr .txt p{font-size: 18px;color: #000000;}
.pro-d .pro-dr .txt2{width: 100%;height: auto;margin-top: 20px;}
.pro-d .pro-dr .txt2 p{padding-left: 15px;width: 100%;height: auto;font-size: 16px;margin-bottom:5px; position: relative;}
.pro-d .pro-dr .txt2 p:before{content:"";position: absolute;left: 0;top: 10px;background:#E86814;width: 6px;height: 6px;border-radius: 100%;}
.pro-d .pro-dr .zx{width: 160px;line-height: 45px;height: 45px;color: #FFFFFF;font-size: 16px;text-align: center;display: block;background: #0046AA;margin-top: 40px;}

@media only screen and (max-width:1500px) {
	.pro-d .pro-dr h6{font-size: 20px;}
	.pro-d .pro-dr .txt p{font-size: 17px;}
}
@media only screen and (max-width:1300px) {
		.pro-d .pro-dr h6{font-size:18px;}
	.pro-d .pro-dr .txt p{font-size: 15px;}
	.pro-d .pro-dr .txt2 p{font-size: 15px;}
	.pro-d .pro-dr .zx{font-size: 15px;line-height: 40px;width: 140px;height: 40px;}
}
@media only screen and (max-width: 1024px) {
		.pro-d .pro-dr h6{font-size:17px;}
	.pro-d .pro-dr .txt p{font-size: 14px;}
	.pro-d .pro-dr .txt2 p{font-size: 14px;}
	.pro-d .pro-dr .zx{font-size: 14px;line-height: 35px;width: 120px;height: 35px;}	
}
@media only screen and (max-width:720px) {
	.pro-d{background-image: none !important; background-color:  #f3f3f3;}
		.pro-d .pro-dl{width:90%;height: auto;float: none;margin: 0 auto;}
		.pro-d .pro-dr{border-top: 1px solid #dcdcdc;margin-top: 20px; width: 100%;height:auto;padding-top: 35px;float: none;padding-left: 0;}
.pro-d .pro-dr .txt{margin-top: 15px;}
.pro-d .pro-dr .txt2{margin-top: 10px;}
.pro-d .pro-dr .zx{margin-top: 20px;}
.pro-d .pro-dr .txt2 p:before{width: 4px;height: 4px;}
.pro-d .pro-dl .pro-lr .pic {cursor: auto;}

}
@media only screen and (max-width:480px ) {
		.pro-d .pro-dl{width:100%}
}