@charset "utf-8";
.clear{clear: both;}
html, body {
   min-height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family: "微软雅黑" , "century gothic", "Microsoft Yahei";
    line-height: 1.5; color: #333;
background: #FFFFFF;
word-wrap: break-word;
}

a, a:focus {
    color: #333333;
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;font-style: normal;}

img{border:0;margin: 0; }

input{-webkit-appearance:none ;border-radius: 0;}
form input{-webkit-appearance: none;}


.w90{width: 90%;max-width: 1400px;margin: 0 auto;height: auto;}
.h100{width: 100%;height:100px;overflow: hidden;}
.h65{width: 100%;height: 65px;overflow: hidden;}

@media only screen and (max-width: 1400px) {
	.h100{width: 100%;height:85px;overflow: hidden;}
.h65{width: 100%;height: 60px;overflow: hidden;}
}
@media only screen and (max-width: 1200px) {
	.h100{width: 100%;height:75px;overflow: hidden;}
.h65{width: 100%;height: 55px;overflow: hidden;}
}
@media only screen and (max-width: 1024px) {
	.h100{width: 100%;height:60px;overflow: hidden;}
.h65{width: 100%;height: 45px;overflow: hidden;}
}
@media only screen and (max-width:720px) {
	.h100{width: 100%;height:55px;overflow: hidden;}
.h65{width: 100%;height:35px;overflow: hidden;}
}




.pc-top{width: 100%;height: auto;}
.pc-top .top{width: 100%;height: auto;padding: 8px 0;background: #000000;}
.pc-top .top span{color: #FFFFFF;font-size: 15px;width: 240px;float: left;}
.pc-top .top ul{float: right;text-align: right;width: calc(100% - 240px);}
.pc-top .top ul li{display: inline-block;border-right: 1px solid #FFFFFF;line-height: 1;font-size: 15px;padding:0 10px;}
.pc-top .top ul li:last-child{border-right: 0;}
.pc-top .top ul li a{color: #FFFFFF;}


.pc-nav{position: relative; width: 100%;height: auto;background: #FFFFFF;}
.pc-nav .logo{display: block;width: 200px;height: auto;float: left;height: 80px;display: flex;align-items: center;}
.pc-nav .logo img{display: block;width: 100%;height: auto;margin-bottom: 10%;}
.pc-nav .nav{width: calc(100%  -  480px);float:left;text-align: right;line-height: 80px;}
.pc-nav .nav li{display: inline-block;font-size: 16px;color: #000000; padding: 0 2%;}
.pc-nav .nav li a{color: #000000;}
.pc-nav .search{width: 260px;height: auto;float: right;margin-top: 20px;}
.pc-nav .search form{display: block;width: 100%;height: auto;position: relative;}
.pc-nav .search form .sk{padding-left: 10px; width: 100%;line-height: 38px;border: 1px solid #dcdcdc;border-radius: 4px;background: none;}
.pc-nav .search form .ss{border: none;position: absolute;top:8px;right: 8px; width: 24px;height: 24px;background: url(../img/a001.png)center no-repeat;background-size: cover;}
.pc-nav .nav li .down{display: none;line-height: 1.5; padding: 30px 0; width: 100%;height: auto;background: rgba(255,255,255,0.85);position: absolute;top: 100%;left: 0;z-index: 888;text-align: left;}
.pc-nav .nav li .down .sub{width: 90%;max-width: 1400px;margin: 0 auto;font-size: 0;text-align: center;}
.pc-nav .nav li .down .sub li{line-height: 1.5; text-align: left; vertical-align: top; width:auto; min-width: 16.6%; display: inline-block;}
.pc-nav .nav li .down .sub li h5{font-size: 16px;height: auto;display: inline-block; line-height: 1.5; position: relative;}
.pc-nav .nav li .down .sub li .con{width: 100%;height: auto;margin-top:10px;}
.pc-nav .nav li .down .sub li .con p{position:relative; line-height: 1.5; margin-bottom: 5px; font-size: 16px;height: auto;color: #333;}

.pc-nav .nav li .down .sub li h5:hover{padding-left: 15px;transition: all 0.3s ease;}
.pc-nav .nav li .down .sub li h5:hover:before{content: "";position: absolute;width: 10px;height: 2px;background: #000000;left: 0;top: 50%;}
.pc-nav .nav li .down .sub li .con p:hover{padding-left: 15px;transition: all 0.3s ease;}
.pc-nav .nav li .down .sub li .con p:hover:before{content: "";position: absolute;width: 10px;height: 2px;background: #333;left: 0;top: 50%;}


.pc-nav2{position: fixed;left: 0;width: 100%;top: 0;transition: all 0.6s ease;z-index: 999;box-shadow: 2px 0 5px rgba(0,0,0,0.2);}



@media only screen and (max-width:1200px ) {
	.pc-nav .nav li{font-size: 15px;}
	.pc-nav .logo{width: 150px;}
	.pc-nav .search{width: 200px;}
	.pc-nav .nav{width: calc(100%  - 350px);}
	
	
}

.mb{display: none;}
.mb{padding: 10px 0; width: 100%;margin-top: 60px; height: auto;background: #f5f5f5;}
.mb .search{width: 90%;margin: 0 auto;}
.mb .search form{display: block;width: 100%;height: auto;position: relative;}
.mb .search form .sk{padding-left: 10px; color: #000000; width: 100%;line-height: 30px;border: 1px solid #dcdcdc;border-radius: 4px;background: none;}
.mb .search form .ss{border: none;position: absolute;top:3px;right: 8px; width: 24px;height: 24px;background: url(../img/a001.png)center no-repeat;background-size: cover;}
.mb .search form .sk::-webkit-input-placeholder {color: #000000;}
.mb .search form .sk::-moz-placeholder {color: #000000;}
.mb .search form .sk::-ms-input-placeholder {color: #000000;}

@media only screen and (max-width: 1024px) {
		.pc-top{display: none;}
		.mb{display: inherit;}
}





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

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

 .mouse{display: block; width: 35px;height: 50px;right: 5%; 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  .swiper-pagination{color: #FFFFFF;text-align:right;padding-right: 5%;bottom:15%; transform: translateY(100%);}
.banner  .swiper-pagination-fraction{color: #FFFFFF;font-size:34px; font-family: "century gothic";}
.banner .swiper-pagination-total{color: #FFFFFF;font-size: 20px;}

@media only screen and (max-width:1400px ) {
	 .mouse{width: 30px;height: auto;}
	.banner  .swiper-pagination-fraction{font-size: 26px;}
	.banner  .swiper-pagination-total{font-size: 18px;}
	
}


@media only screen and (max-width:1200px ) {
	
	.mouse{width: 26px;height: auto;top: 65%;}
	.banner  .swiper-pagination{bottom: 18%;}
	.banner  .swiper-pagination-fraction{font-size: 24px;}
	.banner  .swiper-pagination-total{font-size: 16px;}
	
}
@media only screen and (max-width:1024px ) {
	.mouse{width: 26px;height: auto;top: 60%;}
	.banner  .swiper-pagination{bottom: 18%;}
	.banner  .swiper-pagination-fraction{font-size: 24px;}
	.banner  .swiper-pagination-total{font-size: 16px;}
	
}
@media only screen and (max-width:720px ) {
	.mouse{width: 26px;height: auto;top:45%;}
	.banner  .swiper-pagination{bottom: 30%;}
	.banner  .swiper-pagination-fraction{font-size: 24px;}
	.banner  .swiper-pagination-total{font-size: 16px;}
}

.title{width: 100%;height: auto;}
.title h5{text-transform: capitalize;line-height: 1; font-family: "century gothic";font-weight: normal; color: #000000;font-size: 48px;}
.title h6{font-size:36px;color: #000000;line-height: 1;margin-top: 10px;}
.title .line{display: block;width:45px ;height: 8px;background: #000000;margin-top: 25px;}
@media only screen and (max-width:1200px ) {
	.title h5{font-size: 40px;}
	.title h6{font-size: 34px;}
	.title .line{height: 6px;width: 40px;}
}

@media only screen and (max-width:1024px ) {
	.title h5{font-size: 32px;}
	.title h6{font-size: 26px;}
	.title .line{height: 5px;width: 30px;}
}

@media only screen and (max-width:720px ) {
		.title h5{font-size: 28px;}
	.title h6{font-size: 20px;margin-top: 5px;}
	.title .line{height: 4px;width: 30px;margin-top: 15px;}
}




.in-ab{width: 100%;height: auto;}
.in-ab .in-ab-l{width:55%;float: left;padding-right:6%;}
.in-ab .in-ab-l .txt{width: 100%;height: 96px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;word-break: break-all;}
.in-ab .in-ab-l .txt p{font-size: 16px;color: #000000;}

.in-ab .pic{width: 45%;height: auto;float: right;}
.in-ab .pic img{display: block;width: 100%;height: auto;}
.in-ab .in-ab-l .num{width: 100%;height: auto;overflow: hidden;margin-bottom: 40px;font-size: 0;}
.in-ab .in-ab-l .num li{vertical-align: top; width: 44%;display: inline-block; margin-top: 45px;border-right: 1px solid #DCDCDC; padding-right: 20px;}
.in-ab .in-ab-l .num li:nth-child(2n){padding-left:8%;width: 56%;border-right: none;}

.in-ab .in-ab-l .num li .num-c{width: 100%;height: auto;font-size: 24px;}
.in-ab .in-ab-l .num li .num-c h2{padding-right: 5px; font-size: 56px;display:inline-block; color:#000000;font-family: "century gothic";}
.in-ab .in-ab-l .num li h6{font-size: 16px;color: #000000;font-weight: normal;}


.more{width: 175px;height: 55px;text-align: center;padding-right: 50px; display: block; background: #000000;border-radius: 3px;line-height: 55px;color: #FFFFFF;position: relative;}
.more:before{content: "";position: absolute;right:15px;top: 22px;width: 40px;height: 10px;background: url(../img/a003.png)center no-repeat;background-size: cover;}
.more:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}


@media only screen and (max-width:1400px ) {
	.in-ab .in-ab-l .num li .num-c{font-size: 20px;}
	.in-ab .in-ab-l .num li .num-c h2{font-size: 48px;}
	.in-ab .in-ab-l .num li{margin-top: 30px;}
	.in-ab .in-ab-l .num li h6{font-size: 15px;}
}
@media only screen and (max-width:1200px ) {
	.in-ab .in-ab-l .num li .num-c{font-size: 18px;}
	.in-ab .in-ab-l .num li .num-c h2{font-size: 40px;}
	.in-ab .in-ab-l .num li h6{font-size: 14px;}
	
	.more{width: 150px;height: 50px;padding-right:45px;line-height: 50px;}
	.more:before{width: 32px;height:8px;top: 21px;}
	
}
@media only screen and (max-width: 1024px) {
	.in-ab .in-ab-l .txt{height: 88px;}
	.in-ab .in-ab-l .num li .num-c{font-size: 16px;}
	.in-ab .in-ab-l .num li .num-c h2{font-size: 36px;}
	.in-ab .in-ab-l .txt p{font-size: 15px;}
		.more{width: 120px;height: 45px;padding-right:45px;line-height: 45px;font-size: 15px;}
	.more:before{width: 32px;height:8px;top: 18px;}
	
}

@media only screen and (max-width:850px ) {
		.in-ab .in-ab-l .num li .num-c{font-size: 15px;}
	.in-ab .in-ab-l .num li .num-c h2{font-size: 34px;}
	.in-ab .pic{display: none;}
	.in-ab .in-ab-l{width: 100%;padding-right: 0;}
	
}

.in-pro{width: 100%;height: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.in-pro .in-pro-con{width: 100%;height: auto;}
.in-pro .in-pro-con .in-pro-js{width: 100%;height: auto;}

.in-pro .in-pro-con .in-pro-js .bk{width:100%;height: 650px;font-size: 0;  background: rgba(0,0,0,0.6);position: relative;  border-right:1px solid rgba(255,255,255,0.6);writing-mode: vertical-lr;  writing-mode: tb-lr;}
.in-pro .in-pro-con .in-pro-js .bk:hover{background: #000;}
.in-pro .in-pro-con .in-pro-js .bk .con{display:inline-block;position:absolute;width: auto; top: 0;padding:10% 0; height: 100%; left: 50%;transform: translateX(-50%);}
.in-pro .in-pro-con .in-pro-js h5{color: #FFFFFF;font-size:30px;font-weight: normal; line-height:1;margin-right: 15px;}
.in-pro .in-pro-con .in-pro-js p{color: #FFFFFF;font-size: 16px;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-pro .in-pro-con .in-pro-js .swiper-button-next {
    background-image: url(../img/a004.png);
    right: 10px;
    left: auto;
}
.in-pro .in-pro-con .in-pro-js .swiper-button-prev{
    background-image: url(../img/a005.png);
    left: 10px;
  right: auto;
}

.in-pro .in-pro-con .in-pro-js .swiper-button-prev, .in-pro .in-pro-con .in-pro-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 99;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.in-pro .in-pro-con .in-pro-js .swiper-button-prev.swiper-button-disabled, .in-pro .in-pro-con .in-pro-js .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.in-pro .in-pro-con .in-pro-js	.swiper-pagination{display: none;}

@media only screen and (max-width:1200px ) {
	.in-pro .in-pro-con .in-pro-js h5{font-size: 26px;}
	.in-pro .in-pro-con .in-pro-js p{font-size: 15px;}
	.in-pro .in-pro-con .in-pro-js .bk{height: 500px;}
	
}


@media only screen and (max-width: 1024px) {
.in-pro .in-pro-con .in-pro-js	.swiper-pagination{display: inherit;}
	.in-pro .in-pro-con .in-pro-js h5{font-size: 24px;}
	.in-pro .in-pro-con .in-pro-js p{font-size: 15px;}
}

.in-pro .in-pro-con .in-pro-js .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFFFFF;
}
.in-pro .in-pro-con .in-pro-mb{display: none;}
@media only screen and (max-width:720px ) {
	.in-pro .in-pro-con .in-pro-js{display: none;}
	.in-pro .in-pro-con .in-pro-mb{display: inherit;}
	.in-pro .in-pro-con .in-pro-mb li{width: 100%;height: auto;border-bottom: 1px solid rgba(255,255,255,0.4);}
	.in-pro .in-pro-con .in-pro-mb li .bk{width: 100%;height: auto;background: rgba(0,0,0,0.6); padding: 25px 5%;color: #FFFFFF;}
	.in-pro .in-pro-con .in-pro-mb li .bk:hover{background:rgba(0,0,0,0.85);}
	.in-pro .in-pro-con .in-pro-mb li .bk h5{font-size: 18px;font-weight: normal;}
	.in-pro .in-pro-con .in-pro-mb li .bk p{font-size: 14px;margin-top: 10px;}
}

.in-hot{width: 100%;height: auto;}
.in-hot .in-hot-c{width: 100%;height: auto;position: relative;}
.in-hot .in-hot-c .in-hot-js{width: 100%;height: auto;}
.in-hot .in-hot-c .in-hot-js .con{width: 100%;height: auto;text-align: center;padding: 5px;}
.in-hot .in-hot-c .in-hot-js .con .pic{overflow: hidden; margin-bottom: 10px; width: 100%;height: auto;box-shadow: 0px 6px 5px rgba(0,0,0,0.2);}
.in-hot .in-hot-c .in-hot-js  .con .pic img{display: block;width: 100%;height: auto;}
.in-hot .in-hot-c .in-hot-js  .con h5{font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 10px 0 5px 0; color: #000000;  font-family: "century gothic";}
.in-hot .in-hot-c .in-hot-js  .con h6{font-size: 16px;color: #000000;font-weight: normal;line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.in-hot .in-hot-c .in-hot-js .con:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}

.in-hot .in-hot-c .swiper-button-next {
    background: url(../img/a006.png) #000;
    right: 0px;
    left: auto;
}


.in-hot .in-hot-c .swiper-button-prev{
    background: url(../img/a007.png) #000;
    right: 60px;
    left: auto;
}


.in-hot .in-hot-c .swiper-button-prev, .in-hot .in-hot-c .swiper-button-next {
    position: absolute;
    top:0%;
    width: 50px;
    height: 50px;
    margin-top: 0px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
}







@media only screen and (max-width: 1400px) {
.in-hot .in-hot-c .in-hot-js  .con h5{font-size: 20px;}
.in-hot .in-hot-c .in-hot-js  .con h6{font-size: 16px;}	
.in-hot .in-hot-c .swiper-button-prev, .in-hot .in-hot-c .swiper-button-next {
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
}
.in-hot .in-hot-c .swiper-button-prev{
    right:55px;
    left: auto;
}
}
@media only screen and (max-width: 1200px) {
.in-hot .in-hot-c .in-hot-js  .con h5{font-size: 18px;}
.in-hot .in-hot-c .in-hot-js  .con h6{font-size: 15px;}	
.in-hot .in-hot-c .swiper-button-prev, .in-hot .in-hot-c .swiper-button-next {
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
}
.in-hot .in-hot-c .swiper-button-prev{
    right:46px;
    left: auto;
}
}
@media only screen and (max-width: 1024px) {
.in-hot .in-hot-c .in-hot-js  .con h5{font-size: 16px;}
.in-hot .in-hot-c .in-hot-js  .con h6{font-size: 15px;}	
.in-hot .in-hot-c .swiper-button-prev, .in-hot .in-hot-c .swiper-button-next {
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
}
.in-hot .in-hot-c .swiper-button-prev{
    right:38px;
    left: auto;
}
}

.in-case{width: 100%;height: auto;position: relative;z-index: 0;}
.in-case .left{float: left;width: 400px; display: inline-block;width: auto;}
.in-case .left .more{background: none;border: 1px solid #FFFFFF;}
.in-case .title  h5{color: #FFFFFF;}
.in-case .title h6{color: #FFFFFF;}
.in-case .title .line{background: #FFFFFF;}
.in-case .in-case-bk{ width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: -1;}
.in-case .in-case-bk .bk{width: 100%;height: 100%;position: absolute;left: 0;top: 0; background:rgba(0,0,0,0.5);z-index: -1;}
.in-case .in-case-bk .in-case-bk-js{width: 100%;height:100%;z-index: -2;}
.in-case .in-case-bk .in-case-bk-js .swiper-slide{width: 100%;height: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}


.in-case  .in-case-list{width: calc(100% - 400px);max-width: 600px;float: right;height: auto;position: relative;}

.in-case  .in-case-list .in-case-list-js{width: 100%;height: auto;}
.in-case  .in-case-list .in-case-list-js .con{width: 100%;height: auto;background: #FFFFFF;border: 20px solid #FFFFFF;}
.in-case  .in-case-list .in-case-list-js .con h5{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000000;font-size: 20px;}
.in-case  .in-case-list .in-case-list-js .con .txt{width: 100%;height: 96px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
.in-case  .in-case-list .in-case-list-js .con .txt p{font-size: 16px;color: #333;}
.in-case  .in-case-list .in-case-list-js .con .pic{width: 100%;height: auto;margin-top: 30px;}
.in-case  .in-case-list .in-case-list-js .con .pic img{display: block;width: 100%;height: auto;}




.in-case  .in-case-list .swiper-button-next {
    background: url(../img/a006.png) #000000;
    left: 0px;
    right: auto;
}
.in-case  .in-case-list .swiper-button-prev {
    background: url(../img/a007.png) #000000;
    left: -50px;
    right: auto;
}
.in-case  .in-case-list .swiper-button-prev,.in-case  .in-case-list .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 50px;
    height: 50px;
    margin-top: 0px;
    border-radius: 3px;
    box-shadow: 2px 0 5px rgba(0,0,0,0.4);
    z-index: 88;
    cursor: pointer;
    background-size:50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}





@media only screen and (max-width: 1400px) {
.in-case  .in-case-list .swiper-button-prev,.in-case  .in-case-list .swiper-button-next {
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
}
.in-case  .in-case-list .swiper-button-prev {
    left: -45px;
}
}
@media only screen and (max-width: 1200px) {
	
.in-case  .in-case-list .in-case-list-js .con{border: 20px solid #FFFFFF;}
.in-case  .in-case-list .in-case-list-js .con h5{font-size: 18px;}
.in-case  .in-case-list .in-case-list-js .con .txt{height: 88px;}
.in-case  .in-case-list .in-case-list-js .con .txt p{font-size: 15px;}
	
	
.in-case  .in-case-list .swiper-button-prev,.in-case  .in-case-list .swiper-button-next {
    width: 36px;
    height:36px;
    background-size: 36px 36px;
}
.in-case  .in-case-list .swiper-button-prev {
    left: -36px;
}
}
@media only screen and (max-width: 1024px) {
	
	.in-case .left{float: left;width: 300px;}
	.in-case  .in-case-list{width: calc(100% - 350px);max-width: 600px;}
	
.in-case  .in-case-list .swiper-button-prev,.in-case  .in-case-list .swiper-button-next {
    width: 28px;
    height:28px;
    background-size: 28px 28px;
}
.in-case  .in-case-list .swiper-button-prev {
    left: -28px;
}
}

@media only screen and (max-width:720px ) {
	.in-case .left{width: 100%;height: auto;float: inherit;}
	.in-case  .in-case-list{width: calc(100% - 28px);float: inherit;margin-top: 40px;}
	.in-case  .in-case-list .swiper-button-next {
     right: -28px;
    left: auto;
}
.in-case  .in-case-list .swiper-button-prev {

       right: 0px;
    left: auto;
}
}




















.in-news{width: 100%;height: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.in-news .in-news-t{width: 100%;height: auto;overflow: hidden;}
.in-news .in-news-t  .title{float: left;width: calc(100% - 175px);}
.in-news .in-news-t .more{float: right;}

.in-news .in-news-c{width: 100%;height: auto;}
.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.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: 40px;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: 20px; 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;}
@media only screen and (max-width:1200px) {
	.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: 15px;}
}
@media only screen and (max-width:1024px ) {
	.in-news .in-news-c .in-news-list  li{width:calc(50% - 20px);float: left;margin-right: 20px;padding:20px  0px; height: auto;}
.in-news .in-news-c .in-news-list2{padding-top: 0px;}
}
@media only screen and (max-width:850px ) {
		.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{margin-bottom: 20px; background: #FFFFFF; padding:30px  20px;  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

		.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-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:30px  20px;  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

}


.in-down{width: 100%;height: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.in-down .bk{width: 100%;height: auto;background: rgba(0,0,0,0.5);}
.in-down ul{width: 100%;height: auto;font-size: 0;text-align: center;}
.in-down ul li{width: calc(33.3% - 16px);margin-right: 24px;display: inline-block; padding: 40px 20px;text-align: center; background: rgba(255,255,255,0.6);}
.in-down ul li:last-child{margin-right: 0;}
.in-down ul li .ico{margin: 0 auto;width: 25%;max-width: 70px;height: auto;}
.in-down ul li .ico img{display: block;width: 100%;height: auto;}
.in-down ul li h5{font-weight: normal; margin-top: 20px;  font-size: 24px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-down ul li h6{margin-top: 10px; font-size: 16px;font-weight: normal; color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-down ul li:hover{background: rgba(255,255,255,0.85);box-shadow: 1px 0px 5px rgba(0,0,0,0.8); transition: all 0.3s ease; transform: translateY(-10px);}
@media only screen and (max-width:1400px ) {
	.in-down ul li h5{font-size: 20px;}
}
@media only screen and (max-width:1200px ) {
	.in-down ul li h5{font-size: 18px;}
	.in-down ul li h6{font-size: 15px;}
	.in-down ul li{padding: 25px 10px;}
	
}
@media only screen and (max-width:720px ) {
	.in-down ul li .ico{width: 15%;}
		.in-down ul li{width: 100%;margin-bottom: 15px;padding: 15px 10px;}
		.in-down ul li h6{font-size: 14px;}
			.in-down ul li h5{font-size: 16px;}
		}
		
.footer{width: 100%;height: auto;background: #000000;}

.footer .foot-t{width: 100%;height: auto;margin-bottom: 60px;overflow: hidden;}
.footer .foot-t .left{width:310px;float: left;height: auto;}
.footer .foot-t .left .logo{display: block;width: 250px;height: auto;}
.footer .foot-t .left .logo img{display: block;width: 100%;height: auto;}
.footer .foot-t .left h5{color:#FFFFFF;font-size: 20px;font-weight: normal;margin-top: 10px;}
.footer .foot-t h6{font-size: 16px;color:rgba(255,255,255,0.8);margin-bottom: 20px;}
.footer .foot-t .menus{width: calc(100% - 430px);text-align: right;float: left;font-size: 0;padding-left: 12%;}
.footer .foot-t .menus li{text-align: left;display: inline-block; width:calc(33.3% - 10px);margin-left: 10px;padding: 0 5%;vertical-align: top;}
.footer .foot-t .menus li .con{width: 100%;height: auto;}
.footer .foot-t .menus li .con p{font-size: 16px;color: rgba(255,255,255,0.7);margin-bottom: 5px;}


.footer .foot-t .ewm1{float: right;width: 120px;height: auto;}
.footer .foot-t .ewm1 img{display: block;width: 100%;height: auto;}

.footer .foot-d{ width: 100%;height: auto;border-top:1px solid rgba(255,255,255,0.8);padding:20px 0;}
.footer .foot-d .tech{width: calc(100% - 100px);float: left;color: #FFFFFF;}
.footer .foot-d .tech span{margin-right: 10px;font-size: 14px;}
.footer .foot-d .tech span a{color: #FFFFFF;}
.footer .foot-d .lj{float: left;width: 100px;height: auto;}
.footer .foot-d .lj a{width: 20px;margin: 0  5px;height: auto;display: inline-block;}
.footer .foot-d .lj a img{display: block;width: 100%;height: auto;}
.footer .foot-d .lj .wx{position: relative;}
.footer .foot-d .lj .wx .ewm{border: 5px solid #FFFFFF;border-radius: 5px; display: none; width: 0px;height:auto;position: absolute;bottom: calc(100% + 15px);left: 50%;transform: translateX(-50%);}
.footer .foot-d .lj .wx .ewm img{display: block;width: 100%;height: auto;}
.footer .foot-d .lj .wx .ewm:before{ content: "";position: absolute;top: calc(100% + 5px);left: 50%;transform: translateX(-50%);border-top: 8px solid #FFFFFF;border-bottom:8px solid  rgba(0,0,0,0);border-left: 8px solid rgba(0,0,0,0);border-right: 8px solid rgba(0,0,0,0);}
.footer .foot-d .lj .wx:hover .ewm{display: inherit;width: 100px;}

@media only screen and (max-width:1250px ) {
		.footer .foot-t .left{width: 250px;}
	.footer .foot-t .left .logo{width: 200px;height: auto;}
	.footer .foot-t .left h5{font-size: 16px;}
	.footer .foot-t h6{font-size: 15px;}
	.footer .foot-t .menus li .con p{font-size: 15px;}
	.footer .foot-t .menus{width: calc(100% - 370px);padding-left: 5%;}
		.footer .foot-t .menus{padding: 0 4%;}
}
	
@media only screen and (max-width:1024px ) {
.footer .foot-t .menus li:first-child{display: none;}
.footer .foot-t .menus li{width: calc(50% - 10px);}
}
@media only screen and (max-width:850px ) {
	.footer .foot-t .menus li:nth-child(2){display: none;}
		.footer .foot-t .menus li{width: 100%;}
}
@media only screen and (max-width:720px) {
		.footer .foot-t{margin-bottom: 0;}
	.footer .foot-t  .ewm1{display: none;}
	.footer .foot-t .menus{display: none;}
	.footer .foot-t .left{width: 100%;height: auto;text-align: center;}
	.footer .foot-t .left .logo{margin:0 auto;}
.footer .foot-d .tech{width: 100%;text-align: center;}
.footer .foot-d .lj{width: 100%;text-align: center;margin-top: 15px;}

}



.in-banner{width: 100%;height: auto;position: relative;z-index: 0;}
.in-banner img{display: block;width: 100%;height: auto;}
.in-banner  .bk{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1;} 
.in-banner .title{width: 90%;max-width: 1400px; height: auto;position: absolute;left:50%;z-index: 2; top: 50%;transform: translateY(-50%)translateX(-50%);}
.in-banner .title h5{color: #FFFFFF;}
.in-banner .title h6{color: #FFFFFF;}
.in-banner .title .line{background: #FFFFFF;}



.mb-nav{width: 100%;height: auto;text-align: right;padding-top: 25px;}
.mb-nav  .mb-nav-c{font-size: 16px; display: inline-block;padding-left: 25px;position: relative;}
.mb-nav  .mb-nav-c:before{position: absolute;content: "";left: 0;top: 3px; width: 20px;height: 20px;background:url(../img/a016.png)center no-repeat;background-size: cover;}
.mb-nav  .mb-nav-c a{color: #000000;padding: 0 5px;}

@media only screen and (max-width:1200px ) {
	.mb-nav  .mb-nav-c a{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.mb-nav  .mb-nav-c a{font-size: 14px;}
}




.title2{width: 100%;height: auto;}
.title2 h3{font-size:36px ;color: #000000;}
.title2 h4{font-size: 16px;color: #666;text-transform: uppercase;}

@media only screen and (max-width:1200px ) {
	.title2 h3{font-size:30px;}
	.title2 h4{font-size: 16px;}
}
@media only screen and (max-width:1024px ) {
	.title2 h3{font-size:28px;}
	.title2 h4{font-size: 15px;}
}

@media only screen and (max-width:720px ) {
	.title2 h3{font-size:24px;}
	.title2 h4{font-size: 14px;}
}


.ab{width: 100%;height: auto;}
.ab .ab-c{width: 100%;height: auto;overflow: hidden;}
.ab .ab-c .ab-cl{width: 55%;height: auto;padding-right: 5%;float: left;}
.ab .ab-c .ab-cl .txt{width: 100%;height: auto;}
.ab .ab-c .ab-cl .txt p{color:#000000;font-size: 16px;line-height: 1.7;}
.ab .ab-c .pic{width: 45%;height: auto;float: right;}
.ab .ab-c .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1200px ) {
.ab .ab-c .ab-cl .txt p	{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.ab .ab-c .ab-cl .txt p	{font-size: 14px;}
}
@media only screen and (max-width: 900px) {
	.ab .ab-c .ab-cl{width: 100%;height: auto;padding-left: 0;}
	.ab .ab-c .pic{display: none;}
}

.ab2{width: 100%;height: auto;background-repeat:no-repeat;background-size: cover;background-position: center;}
.ab2 .bk{width: 100%;height: auto;background: rgba(0,0,0,0.4);}
.ab2 .num{width: 100%;height: auto;overflow: hidden;font-size: 0;}
.ab2 .num li{width: 25%;height: auto;display: inline-block; vertical-align: top; padding: 0 15px;}
.ab2 .num li .num-c{width: 100%;height: auto;font-size: 24px;color: #FFFFFF;}
.ab2 .num li .num-c h2{padding-right: 5px; font-size: 56px;display:inline-block; color:#FFFFFF;font-family: "century gothic";}
.ab2 .num li h6{font-size: 16px;color: #FFFFFF;font-weight: normal;}

@media only screen and (max-width:1400px ) {
	.ab2 .num li .num-c h2{font-size: 48px;}
}
@media only screen and (max-width:1200px ) {
	.ab2 .num li .num-c{font-size: 20px;}
	.ab2 .num li .num-c h2{font-size: 40px;}
	.ab2 .num li h6{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.ab2 .num li .num-c{font-size: 18px;}
	.ab2 .num li .num-c h2{font-size:36px;}
	.ab2 .num li h6{font-size: 15px;}
}
@media only screen and (max-width:720px ) {
	.ab2 .num li{width: 50%;margin-bottom: 20px;}
	.ab2 .num li .num-c{font-size: 18px;}
	.ab2 .num li .num-c h2{font-size:34px;}
	.ab2 .num li h6{font-size: 14px;}
}

.ab3{width: 100%;height: auto;}
.ab3 .ab3-c{width: 100%;height: auto;overflow: hidden;}
.ab3 .ab3-cl{width: 55%;float: right;height: auto;padding-left: 5%;}
.ab3 .ab3-cl .txt{width: 100%;height: auto;}
.ab3 .ab3-cl .txt p{font-size: 16px;color:#000000;line-height: 1.7;}
.ab3 .ab3-c .pic{width: 45%;float: left;height: auto;}
.ab3 .ab3-c .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1200px ) {
	.ab3 .ab3-c .ab3-cl .txt p	{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.ab3 .ab3-c .ab3-cl .txt p	{font-size: 14px;}
}
@media only screen and (max-width: 900px) {
	.ab3 .ab3-c .ab3-cl{width: 100%;height: auto;padding-left: 0;}
	.ab3 .ab3-c .pic{display: none;}
}
.events{width: 100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.events .bk{width: 100%;height: auto;background: rgba(0,0,0,0.4);}
.title3{text-align: center;}
.title3 h3{color: #FFFFFF;}
.title3 h4{color:#FFFFFF;}

.events .events-c{width: 100%;height: auto;position: relative;z-index: 11;}
.events .events-c:before{content: ""; position: absolute;top: 87px;left:0; width: 100%;height: 1px;background:rgba(255,255,255,0.65);}
.events .events-con{position: relative;width: 100%;height: auto;}
.events .events-con .events-c-js{width: calc(100% - 120px);margin: 0 auto;}
.events .events-con .events-c-js .con{width: 100%;height: auto;color: #FFFFFF;}
.events .events-con .events-c-js .con  h5{font-size: 48px;color: #FFFFFF;font-family: "century gothic";text-align: center;line-height: 1;}
.events .events-con .events-c-js .con .txt{width: 100%;height: auto;text-align: center;}
.events .events-con .events-c-js .con .txt p{font-size: 16px;color: #FFFFFF;}

.events .events-con .events-c-js .con .round{ width: 18px;height: 18px;border: 1px solid #FFFFFF;margin: 30px auto; border-radius: 100%;display: block;position: relative;}
.events .events-con .events-c-js .con .round:before{content: "";position: absolute;width:8px;height:8px;background: #FFFFFF;border-radius: 100%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}

.events .events-con .swiper-button-next {
    background-image: url(../img/a020.png);
    right: 10px;
    left: auto;
}
.events .events-con .swiper-button-prev{
    background-image: url(../img/a019.png);
    left: 10px;
    right: auto;
}



.events .events-con .swiper-button-prev,.events .events-con .swiper-button-next {
    position: absolute;
    top: 87px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1400px) {
	.events .events-con .events-c-js .con  h5{font-size: 40px;}
	.events .events-c:before{top:79px;}
	.events .events-con .swiper-button-prev,.events .events-con .swiper-button-next {
    position: absolute;
    top:79px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-size: 50px 50px;

}




}
	
@media only screen and (max-width:1200px ) {
		.events .events-con .swiper-button-prev,.events .events-con .swiper-button-next {
    position: absolute;
    top:73px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 40px 40px;

}

.events .events-con .events-c-js{width: calc(100% - 100px);}


	.events .events-con .events-c-js .con .txt p{font-size: 15px;color: #FFFFFF;}
		.events .events-con .events-c-js .con  h5{font-size: 34px;}
	.events .events-c:before{top:73px;}
	
	
	
}

@media only screen and (max-width:720px ) {
	
	.events .events-con .swiper-button-prev,.events .events-con .swiper-button-next {
    position: absolute;
    top:55px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background-size:30px 30px;

}
.events .events-con .events-c-js{width: calc(100% - 80px);}
.events .events-con .events-c-js .con .txt p{font-size: 14px;color: #FFFFFF;}
.events .events-con .events-c-js .con  h5{font-size: 28px;}
.events .events-c:before{top:55px;}
.events .events-con .events-c-js .con .round{ width: 14px;height: 14px;border: 1px solid #FFFFFF;margin: 20px auto; border-radius: 100%;display: block;position: relative;}
.events .events-con .events-c-js .con .round:before{content: "";position: absolute;width:6px;height:6px;background: #FFFFFF;border-radius: 100%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
}






.honor{width: 100%;height: auto;}
.honor .honor-c{width: 100%;height: auto;position: relative;}
.honor  .title2{width: 100%;height: auto;text-align: center;}

.honor .honor-c-js{width:calc(100% - 130px);margin: 0 auto; height: auto;}
.honor .honor-c-js .pic{display: block;width: 100%;height: auto;border: 1px solid #333333;}
.honor .honor-c-js .pic img{display: block;width: 100%;height: auto;}

.honor .honor-c .swiper-button-next{
    background-image: url(../img/a018.png);
      right: 0px;
    left: auto;
}

.honor .honor-c .swiper-button-prev{
    background-image: url(../img/a017.png);
      left: 0px;
    right: auto;
}

.honor .honor-c .swiper-button-prev,.honor .honor-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1200px ) {
	.honor .honor-c-js{width:calc(100% - 100px);}
	.honor .honor-c .swiper-button-prev,.honor .honor-c .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size:40px 40px;

}

}

@media only screen and (max-width:720px ) {
	.honor .honor-c-js{width:calc(100% - 80px);}
	.honor .honor-c .swiper-button-prev,.honor .honor-c .swiper-button-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background-size:30px 30px;

}

}












.culture{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.culture .bk{width: 100%;height: auto;background:rgba(0,0,0,0.4);}
.culture ul{width: 100%;height: auto;font-size: 0;}
.culture ul li{width: 20%;height: auto;display: inline-block;text-align: center; padding: 0 20px;border-right: 1px solid #FFFFFF; vertical-align: top;}
.culture ul li:last-child{border-right:none}
.culture ul li h5{color: #FFFFFF;font-size: 20px;margin-bottom: 15px;}
.culture ul li .txt{width: 100%;height: auto;}
.culture ul li .txt p{font-size: 16px;color: #FFFFFF;}
@media only screen and (max-width: 1200px) {
	.culture ul li h5{font-size: 18px;}
	.culture ul li .txt p{font-size: 15px;color: #FFFFFF;}
}
@media only screen and (max-width: 1024px) {
	.culture ul li{padding: 0 15px;}
	.culture ul li h5{font-size: 16px;}
	.culture ul li .txt p{font-size: 14px;color: #FFFFFF;}
}
@media only screen and (max-width:720px) {
	.culture ul li{width: 100%;border-right: none;text-align: left;padding: 0;padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.6);margin-bottom: 20px;}
	.culture ul li h5{font-size: 16px;margin-bottom: 10px;}
	.culture ul li .txt p{font-size: 14px;color: #FFFFFF;}
}




.partner{width: 100%;height: auto;}
.partner .partner-c{width: 100%;height: auto;overflow: hidden;font-size: 0;}
.partner .partner-c li{vertical-align: top; border: 1px solid #dcdcdc; width: calc(20%  -  20px);float: left; margin-right: 25px;margin-bottom: 25px;}
.partner .partner-c li a{display: block;width: 100%;height: auto;}
.partner .partner-c li img{display: block;width: 100%;height: auto;}
.partner .partner-c li:nth-child(5n){margin-right: 0;} 
.partner .partner-c li:hover{box-shadow: 2px 0px 5px rgba(0,0,0,0.5);}

@media only screen and (max-width:1200px ) {
	.partner .partner-c li{width: calc(20% - 16px);margin-right: 20px;margin-bottom: 20px;}
	.partner .partner-c li:nth-child(5n){margin-right: 0;} 
}
@media only screen and (max-width:1024px ) {
		.partner .partner-c li{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 20px;}
	.partner .partner-c li:nth-child(4n){margin-right: 0;} 
	.partner .partner-c li:nth-child(5n){margin-right: 20px;} 
	
}
@media only screen and (max-width:720px ) {
		.partner .partner-c li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 20px;}
	.partner .partner-c li:nth-child(4n){margin-right: 15px;} 
	.partner .partner-c li:nth-child(5n){margin-right: 15px;} 
	.partner .partner-c li:nth-child(3n){margin-right: 0px;} 
}
	
@media only screen and (max-width:480px) {
	.partner .partner-c li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.partner .partner-c li:nth-child(4n){margin-right: 20px;} 
	.partner .partner-c li:nth-child(5n){margin-right: 20px;} 
	.partner .partner-c li:nth-child(3n){margin-right: 20px;} 
	.partner .partner-c li:nth-child(2n){margin-right: 0px;} 
}

.join{width: 100%;height: auto;}
.join .title2{text-align: center;}
.join-box{width: 100%;height: auto;padding: 0;}
.join-top{background:#000000;}
.join-top ul{width: 100%;height: auto;overflow: hidden;}
.join-top ul li{width: 20%;float: left;text-align: center;color: #FFFFFF;line-height: 70px;}
.join-t{width: 100%;height: auto;}
.join-t ul{width: 100%;height: auto;overflow: hidden;}
.join-t ul li{font-size: 16px;color: #333; height: 75px; border-bottom:1px solid #d2d2d2; width: 20%;text-align: center;float: left;
overflow: hidden;
    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;
}
.join-t ul .btnn .op{display: none;color: #000;font-weight: bolder;}
.join-t.cut ul .btnn .cl{display:none;}
.join-t.cut ul .btnn .op{display:inherit;}


.join-b{display: none; width: 100%;}
.join-b-c{background: #f5f5f5;width: 100%;padding:4%;}
.join-b1{width: 100%;height: auto;border-bottom: 1px dashed #a0a0a0;}
.join-b1 li{margin-bottom: 30px;width: 100%;height: auto;}
.join-b1 h3{font-size: 16px;color: #333333;margin-bottom: 20px;}
.join-b1 p{font-size: 16px;color: #333333;}
.join-b2{width: 100%; height: auto; margin-top: 30px;}
.join-b2 li{width: 100%;height: auto;overflow: hidden;}
.join-b2 li p{color: #0A1944;font-size: 16px;}
.join-b2 li .mail{display: inline-block;margin-left: 10px; line-height: 35px;border-radius: 10px;background: #000000;padding: 0 15px;color: #FFFFFF;}

@media only screen and (max-width:850px ) {
	.join-box{width: 100%;height: auto;padding: 0;padding-bottom: 30px;}
	.join-top{padding: 0 10px;}
	.join-t{padding: 0 10px;}
	.join-b{padding: 0 10px;}
	.join-top ul li{width: 33.3%;text-align: center;font-size: 15px;}

	.join-top ul li:nth-child(4){display: none;}
	.join-top ul li:nth-child(5){display: none;}
	.join-t ul li{width: 33.3%;text-align: center;font-size: 15px;}
	.join-t ul li:nth-child(4){display: none;}
	.join-t ul li:nth-child(5){display: none;}
	.join-b1 p{font-size: 15px;}
}


.team{width: 100%;height: auto;}
.team .title2{text-align: center;}
.team  .team-js{width: 100%;height: auto;padding: 0;}
.team  .team-js .pic{overflow: hidden; display: block;width: 100%;height: auto;}
.team  .team-js .pic img{display: block;width: 100%;height: auto;}

.team  .team-js .swiper-button-next{
    background-image: url(../img/a022.png);
    right:0px;
    left: auto;
}


.team  .team-js .swiper-button-prev{
    background-image: url(../img/a021.png);
    left: 0px;
    right: auto;
}


.team  .team-js .swiper-button-prev,.team  .team-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1024px ) {
.team  .team-js .swiper-button-prev,.team  .team-js .swiper-button-next {
    width:24px;
    height: 40px;
    margin-top: -20px;
    background-size: 24px 40px;
}	
}

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

.contact .cont-r{box-shadow: 0px 0 5px rgba(0,0,0,0.3); padding: 5%  3%; width: 50%;position:absolute;background: #FFFFFF; height: auto;top: -20%; z-index: 88;right: 0;}
.contact .cont-r .tl {width: 100%;height: auto;margin-bottom: 40px;}
.contact .cont-r .tl h5{font-size: 36px;color: #000;}
.contact .cont-r form{display: block;width: 100%;height: auto;color: #000;}
.contact .cont-r form .c1{color: #000;font-size: 16px; margin-bottom: 10px;line-height: 55px; width: 100%;height: auto;background: none;border: none; border-bottom: 1px solid #000000;}
.contact .cont-r form .c2{color: #000; width: 100%;height: 180px;background: none;border: none; border-bottom: 1px solid #000;}
.contact .cont-r .c3{margin-top: 10px; width: 100%;height:50px;background: #000000; color:#fff; border: none;border-radius: 3px;}
.contact .cont-r form .c1::-webkit-input-placeholder {color: #000;font-family: arial;}
.contact .cont-r form .c1::-moz-placeholder {color: #000;font-family: arial;}
.contact .cont-r form .c1::-moz-placeholder {color: #000;font-family: arial;}
.contact .cont-r form .c1::-ms-input-placeholder {color: #000;font-family: arial;}

@media only screen and (max-width:1400px ) {
.contact .contact-c{width: 100%;height: auto;}
.contact .cont-l h5{font-size: 30px;}	
.contact .cont-r .tl h5{font-size: 30px;}	
}

@media only screen and (max-width:1024px ) {
.contact .cont-l ul li .ico{width: 36px;height: 36px;float: left;}
.contact .cont-l ul li .con{width: calc(100% - 36px);}	
.contact .cont-r form .c1{line-height: 40px;font-size: 15px;}

.contact .cont-r form .c2{height: 150px;}
.contact .cont-r .c3{height: 40px;}
.contact .cont-r{position: absolute;bottom: 0;top: auto;}	
}
@media only screen and (max-width:720px ) {
.contact .cont-l{width: 100%;height: auto;padding-right: 0;}
.contact .cont-r form .c2{height: 120px;}
.contact .cont-r .tl h5{font-size: 28px;}	
.contact .cont-r{width: 100%;height: auto;margin-top: 40px;position: relative;box-shadow: none;background: #f5f5f5;}	
.contact .cont-l ul{margin-top: 30px;}
.contact .cont-l ul li .con .txt p{font-size: 16px;}
}

.map{width: 100%;height:500px;}
.map #map{width: 100%;height: 500px;}

@media only screen and (max-width:1024px ) {
.map{width: 100%;height:400px;}
.map #map{width: 100%;height: 400px;}	
}
@media only screen and (max-width:720px ) {
.map{width: 100%;height:250px;}
.map #map{width: 100%;height: 250px;}	
}


.second-sort{width: 100%;height: auto;}
.second-sort ul{width:100%;height: auto;font-size: 0;}
.second-sort ul li{display: inline-block;margin-bottom: 10px; border-radius: 3px;border: 1px solid #000000;line-height: 50px;font-size: 16px;color: #000000;padding: 0 20px;margin-right: 20px;}
.second-sort ul li:hover{color: #FFFFFF;background: #000000;}
.second-sort ul li.cut{color: #FFFFFF;background: #000000;}
@media only screen and (max-width:1024px ) {
	.second-sort ul li{padding: 0 15px;line-height: 40px;font-size: 15px;margin-right: 15px;}
}
@media only screen and (max-width:720px ) {
	.second-sort ul li{padding: 0 10px;line-height: 35px;font-size: 14px;margin-right: 10px;}
}





.news{width: 100%;height: auto;}
.news ul{width: 100%;height: auto;}
.news li{width: 100%;height: auto;padding: 30px 0;}
.news li .con{width:65%;padding-right: 5%;float: left;}
.news li .con h5{font-size: 20px;color: #000000;width: 100%;margin-top: 2%; height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news li .con .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: 20px;}
.news li .con .txt p{font-size: 16px;color: #000000;}

.news li .con .down{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.news li .con .down .date{font-family: "century gothic";font-size: 16px;width: calc(100% - 40px);float: left;}
.news li .con .down .mores{width: 40px;margin-top: 10px;display: block;float: right;}
.news li .con .down .mores img{display: block;width: 100%;height: auto;}

.news li .pic{width: 35%;float: left; height: auto;}
.news li .pic img{display: block;width: 100%;height: auto;}
.news li:hover{background:#efefef;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
@media only screen and (max-width:1024px ) {
.news li .con h5{font-size: 18px;margin-top: 0;}	
.news li .con .txt{height: 44px;margin-top: 15px;}
.news li .con .txt p{font-size: 15px;}
.news li .con .down{margin-top: 20px;}
}
@media only screen and (max-width:720px ) {
	.news li .con h5{font-size: 16px;}
		.news li{padding: 15px 0;border-bottom: 1px solid #DCDCDC;}
	.news li .con .txt{height: 42px;margin-top: 10px;}
	.news li .con .txt p{font-size: 14px;}
	.news li .con .down{margin-top: 20px;margin-top: 15px;}
		.news li .con .down .date{font-size: 15px;}
	.news li .pic{display: none;}
	.news li .con{width: 100%;height: auto;padding-right: 0;}
	.news li .con .down .date{width: calc(100% - 30px);}
	.news li .con .down .mores{width: 30px;height: auto;margin-top: 5px;}
	
}




.fy{width: 100%;height: auto;font-size: 0;text-align: center;}
.fy  a{line-height: 28px;height: auto;display: inline-block; font-size: 16px;color: #000;padding: 0 9px; margin: 0 5px;}
.fy  a:hover{background: #000000;color: #FFFFFF;}
.fy  a.cut{background: #000000;color: #FFFFFF;}
@media only screen and (max-width:1024px ) {
	.fy  a{font-size:15px;}
}
@media only screen and (max-width: 720px) {
		.fy  a{font-size:14px;line-height: 24px;padding: 0 5px; margin: 0 3px;}
}



.question{width: 100%;height: auto;}
.question ul{width: 100%;height: auto;}
.question li{width: 100%;height: auto;padding: 30px 0;}
.question li .con{width:65%;padding-left: 5%;float: right;}
.question li .con h5{font-size: 20px;color: #000000;width: 100%;margin-top: 2%; height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.question li .con .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: 20px;}
.question li .con .txt p{font-size: 16px;color: #000000;}

.question li .con .down{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.question li .con .down .date{font-family: "century gothic";font-size: 16px;width: calc(100% - 40px);float: left;}
.question li .con .down .mores{width: 40px;margin-top: 10px;display: block;float: right;}
.question li .con .down .mores img{display: block;width: 100%;height: auto;}

.question li .pic{width: 35%;float:right; height: auto;}
.question li .pic img{display: block;width: 100%;height: auto;}
.question li:hover{background:#efefef;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
@media only screen and (max-width:1024px ) {
.question li .con h5{font-size: 18px;margin-top: 0;}	
.question li .con .txt{height: 44px;margin-top: 15px;}
.question li .con .txt p{font-size: 15px;}
.question li .con .down{margin-top: 20px;}
}
@media only screen and (max-width:720px ) {
.question li .con h5{font-size: 16px;}
		.question li{padding: 15px 0;border-bottom: 1px solid #DCDCDC;}
	.question li .con .txt{height: 42px;margin-top: 10px;}
	.question li .con .txt p{font-size: 14px;}
	.question li .con .down{margin-top: 20px;margin-top: 15px;}
		.question li .con .down .date{font-size: 15px;}
	.question li .pic{display: none;}
	.question li .con{width: 100%;height: auto;padding-left: 0;}
	.question li .con .down .date{width: calc(100% - 30px);}
	.question li .con .down .mores{width: 30px;height: auto;margin-top: 5px;}
	
}


.video{width: 100%;height: auto;}
.video ul{width: 100%;height: auto;overflow: hidden;}
.video ul li{width: calc(33.3% - 16px);margin-bottom: 35px;  margin-right: 24px;float: left;vertical-align: top;}
.video ul li:nth-child(3n){margin-right: 0;}
.video ul li .pic{display: block;width: 100%;height: auto;position: relative;overflow: hidden;}
.video ul li .pic .bk{position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,0.1);}

.video ul li .pic img{display: block;width: 100%;height: auto;}
.video ul li .pic .play{position: absolute;top: 50%;left: 50%;width: 18%;max-width: 80px;height: auto;transform: translateX(-50%)translateY(-50%);}
.video ul li .pic .play img{display: block;width: 100%;height: auto;}
.video ul li h5{width: 100%;height: auto;overflow:hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;margin-top: 20px;font-size: 20px;font-weight: normal;}

.video ul li:hover .pic .bk{background: rgba(0,0,0,0.4);transition: all 0.5s ease;}

@media only screen and (max-width:1400px ) {
.video ul li h5{font-size: 18px;}	
}

@media only screen and (max-width:1024px ) {
.video ul li h5{font-size: 16px;}	
}


@media only screen and (max-width:720px ) {
	
	.video ul li{width: calc(50% - 7.5px);margin-right:15px ;margin-bottom: 20px;}
.video ul li .pic .play{width: 20%;max-width: 80px;}
	.video ul li:nth-child(3n){margin-right: 15px;}
		.video ul li:nth-child(2n){margin-right: 0;}
		.video ul li h5{margin-top: 10px;}
}



.case{width: 100%;height: auto;}
.case ul{width: 100%;height: auto;overflow: hidden;}
.case ul li{position: relative;transition: all 0.5s ease; margin-bottom: 20px; width: calc(33.3% - 16px);margin-right: 24px;height: auto;float: left;}
.case ul li:nth-child(3n){margin-right: 0;}
.case ul li img{display: block;width: 100%;height: auto;}
.case ul li h5{text-align: center; transition: all 0.5s ease; display: none; position: absolute;bottom: 0;left: 0;font-size: 20px;font-weight: normal; line-height:50px; width: 100%;height: auto;background: rgba(0,0,0,0.6);padding:0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #FFFFFF;}
.case ul li:hover h5{display: inherit;transition: all 0.5s ease;}
@media only screen and (max-width:1400px ) {
	.case ul li h5{font-size: 18px;}
}
@media only screen and (max-width:1200px ) {
	.case ul li h5{font-size: 18px;}
	.case ul li{width: calc(33.3% - 10px);margin-right:15px;margin-bottom: 15px;}
}
@media only screen and (max-width:720px ) {
	.case ul li h5{font-size: 15px;line-height: 40px;display: inherit;}
	.case ul li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.case ul li:nth-child(3n){margin-right: 10px;}
	.case ul li:nth-child(2n){margin-right: 0;}
}

.pro{width: 100%;height: auto;}
.pro .third-sort{width: 100%;height: auto;border-top: 1px solid #dcdcdc;}
.pro .third-sort ul{width: 100%;height: auto;font-size: 0;margin:40px 0;}
.pro .third-sort ul li{width:auto;font-weight:bolder;font-size: 16px; padding: 0 5px; display: inline-block;font-size: 16px;position: relative;padding-bottom: 3px;margin: 0 10px;}
.pro .third-sort ul li:hover:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #000;}
.pro .third-sort ul li.cut:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #000;}

.pro-list{width: 100%;height: auto;overflow: hidden;}
.pro-list li{text-align: center; width:calc(25% - 30px);margin-bottom: 30px; margin-right: 40px;height: auto;float: left;}
.pro-list li:nth-child(4n){margin-right: 0;}
.pro-list li .pic{overflow: hidden; margin-bottom: 10px; width: 100%;height: auto;box-shadow: 0px 6px 5px rgba(0,0,0,0.2);}
.pro-list li .pic img{display: block;width: 100%;height: auto;}
.pro-list li h5{font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 10px 0 5px 0; color: #000000;  font-family: "century gothic";}
.pro-list li h6{font-size: 16px;color: #000000;font-weight: normal;line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-lsit li:hover .pic img{transform: scale(1.1);transition: all 0.3s ease;}

@media only screen and (max-width: 1400px) {
.pro-list li h5{font-size: 20px;}
.pro-list li h5{font-size: 16px;}	

}
@media only screen and (max-width: 1200px) {
.pro-list li h5{font-size: 18px;}
.pro-list li h5{font-size: 15px;}
.pro-list li{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 30px;}	

}
@media only screen and (max-width: 1024px) {
.pro-list li h5{font-size: 16px;}
.pro-list li h5{font-size: 15px;}
.pro-list li{width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;}		
.pro-list li:nth-child(4n){margin-right: 30px;}
.pro-list li:nth-child(3n){margin-right: 0;}
}

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

.news-d{width: 100%;height: auto;background: #f6f6f6;}
.news-dc{position: relative; padding: 0 5% 5% 5%; width: 100%;height: auto;background: #FFFFFF;}
.news-dc .top-bk{padding:40px 5% 20px 5%; width: 100%;position: absolute;left: 0; bottom: 100%; height: auto;background: #FFFFFF;}
.news-dc .top-bk span{font-weight: bolder;font-family: "century gothic"; padding-left: 70px;float: left; font-size: 16px;color: #000000;display: block;position: relative;width: calc(100% - 180px);}
.news-dc .top-bk span:before{width: 55px;content: "";height: 2px;background: #000000;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.news-dc .mb-nav{float: right;width:180px;padding-top: 0;}
.news-dc .con{width: 100%;height: auto;border-top: 1px solid #dcdcdc;margin-top: 40px;padding: 40px 0;border-bottom: 1px solid #dcdcdc;}
.news-dc h5{font-size:20px;color: #000000;width: 100%;height: auto;}
.news-dc  .txt{width: 100%;height: auto;}
.news-dc .txt p{font-size: 16px;color: #000000;}
.news-dc .txt p img{display: block;width: 100%;height: auto;}
.news-dc .pn{width: 100%;height: auto;overflow: hidden;padding-top: 40px;}
.news-dc .pn-l{width: calc(100% - 150px);float: left;height: auto;}
.news-dc .pn-l a{display: block;width: 100%;margin-bottom: 10px; height: auto;font-size: 16px;color: #000000;}

.news-dc .return{float: right; width: 140px;height: 50px;border: 1px solid #000000;border-radius: 3px;display: block;text-align: center;line-height: 50px;}
.news-dc .return:hover{background: #000000;color: #FFFFFF;}
.news-dc .pn-l a:hover{text-decoration: underline;}
@media only screen and (max-width:1024px ) {
	
.news-dc .top-bk{padding:25px 5% 20px 5%;}	
.news-dc .txt p{font-size: 15px;}
.news-dc .pn-l a{font-size: 15px;}
}
@media only screen and (max-width:900px ) {
.news-d{padding-top:35px;background: none;}
.news-dc{padding:  0;}
.news-dc h5{font-size: 18px;}
.news-dc .top-bk{position: inherit;padding: 20px 0;overflow: hidden;}
.news-dc .pn-l{width: 100%;height: auto;float: inherit;}
.news-dc .return{float: inherit;margin-top: 20px;width: 120px;line-height: 40px;height: 40px;}	
}
@media only screen and (max-width:720px ) {
.news-dc .top-bk span{width: 100%;}	
.news-dc .mb-nav{display: none;}
}


.case-pic{width: 100%;height: auto;}
.case-pic .case-pic-js {width: 100%;height: auto;}
.case-pic .case-pic-js img{display:block;width: 100%;height: auto;}

.case-pic .case-pic-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #FFFFFF;
    opacity: 1;
}
.case-pic .case-pic-js .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ca0000;
}
.case-d{width: 100%;height: auto;}
.case-d .case-d-con{width: 100%;height: auto;overflow: hidden;margin: 30px 0;}
.case-d h5{color: #000000;font-size: 20px;}
.case-d  .sort{display: block; font-size: 16px;color: #666;margin-top: 10px;}

.case-d .case-d-con li{vertical-align: top; width: 50%;font-size: 16px;color: #666; float: left;margin-bottom: 20px;padding-right: 20px;}
.case-d .case-d-con li b{font-weight: normal;}
.case-d .case-d-con li:nth-child(2n){padding-left: 20px;padding-right: 0;}
.case-d .txt{width: 100%;height: auto;}
.case-d .txt p{font-size: 16px;color: #000000;}

@media only screen and (max-width:1200px ) {
.case-d h5{font-size: 18px;}
.case-d .sort{font-size: 15px;}

.case-d .case-d-con li{font-size: 15px;}
.case-d .txt p{font-size: 15px;}	
}
@media only screen and (max-width:1024px ) {
	.case-d .case-d-con li{width: 100%;padding: 0;margin-bottom: 5px;}
	.case-d .case-d-con li:nth-child(2n){padding: 0;}
	
}


.pro-d{width: 100%;height:auto ;}


.pro-d .pro-dl{width:40%;height: auto;float: left; padding: 0 100px;position: relative;}
.pro-d .pro-dl1{width: 100%;height: auto;}
.pro-d .pro-dl1 .pic{width: 100%;height: auto;}
.pro-d .pro-dl1 .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-dl2{width: 100%;height: auto;margin-top: 20px;}
.pro-d .pro-dl2 .pic{width: 100%;height: auto;border: 1px solid #DCDCDC;}
.pro-d .pro-dl2 .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-dl2 .swiper-slide-thumb-active .pic{border: 1px solid #000;}




.pro-d .pro-dl .swiper-button-prev{
    background-image: url(../img/a046.png);
    left: 0px;
    right: auto;
}
.pro-d .pro-dl .swiper-button-next{
    background-image: url(../img/a045.png);
    right: 0px;
    left: auto;
}
.pro-d .pro-dl .swiper-button-prev, .pro-d .pro-dl .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -50px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}



.pro-dr{width:60%;float: left;height: auto; padding-left:10%;}
.pro-dr h5{font-size: 20px;color: #000000;margin-top: 20px;}
.pro-dr h6{font-size: 16px;color: #666;font-weight: normal;margin-top: 10px;}
.pro-dr .pro-dr-con{width: 100%;height: auto;}
.pro-dr .pro-dr-con li{width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.pro-dr .pro-dr-con li b{display: block;font-size: 16px;color: #333;float: left;width: 70px;}
.pro-dr .pro-dr-con li span{float: left;width: calc(100% - 70px);display: block;color: #333333; height: auto;}
.pro-dr .cont{position: relative; width: 160px;padding-left: 55px;position: relative;text-align: center;background: #000000;border-radius: 3px;display: block;line-height: 50px;color: #FFFFFF;}
.pro-dr .cont:before{content: "";position: absolute;left: 20px;top: 50%;width: 25px;height: 25px;background: url(../img/a027.png) center no-repeat;background-size: cover;transform: translateY(-50%);}

.relation-pro{width: 100%;height: auto;border-top: 1px solid #dcdcdc;}
.recom-pro{width: 100%;height: auto;border-top: 1px solid #dcdcdc;}
.pro-detail{width: 100%;height: auto;border-top: 1px solid #dcdcdc;}
.pro-detail .txt{width: 100%;height: auto;}
.pro-detail .txt p{font-size: 16px;color: #000;}


@media only screen and (max-width: 1400px){
.pro-d .pro-dl {
    padding: 0 60px;
}

.pro-d .pro-dl .swiper-button-prev, .pro-d .pro-dl .swiper-button-next {
    width:40px;
    height: 40px;
    margin-top: -40px;
    background-size:40px 40px;

}

}

@media only screen and (max-width:1200px ) {
	.pro-d .pro-dl{width: 45%;}
		.pro-d .pro-dl{padding: 0 50px;}
	.pro-d .pro-dr{width: 55%;padding-left: 5%;}
	.pro-dr h5{margin-top: 0;}
	.pro-detail .txt p{font-size: 15px;color: #000;}
	
}


@media only screen and (max-width:1024px) {
	.pro-d .pro-dr{padding-left: 5%;}
		.pro-d .pro-dr h5{font-size: 18px;margin-top: 0;}

	.pro-dr .pro-dr-con li b{font-size: 14px;}
	.pro-dr .pro-dr-con li span{font-size: 14px;}

			.pro-d .pro-dl{padding: 0 40px;}
		.pro-d .pro-dl .swiper-button-prev, .pro-d .pro-dl .swiper-button-next {
    width:30px;
    height: 30px;
    margin-top: -30px;
    background-size:30px 30px;

}

.pro-dr .cont{width: 140px;line-height: 45px;font-size: 15px;}
	
	.pro-detail .txt p{font-size: 14px;color: #000;}
	
	
}

@media only screen and (max-width: 800px) {
		.pro-d .pro-dl{width: 100%;height: auto;}
		.pro-d .pro-dl  .pro-dl2{margin-top: 10px;}
		.pro-d .pro-dr{width: 100%;height: auto;padding-left: 0;margin-top: 40px;}
}