@charset "utf-8";
/* CSS Document */


/*banner*/
#i_banner { position: relative; z-index: 0;}
#i_banner .swiper-slide { position: relative; z-index: 0;}
#i_banner .pic { position: relative; padding-top: 45.72%; }  #i_banner .pic2{ display:none;}
#i_banner .pic img {position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#i_banner .txtb { position: absolute; left: 5.2%; top: 8.7vw;  right: 0; right:0%;
display: flex; justify-content: center; align-items: center;}
#i_banner .txtb .txt { width: 51%; margin: 0 auto 0 0; text-align: left;
	font-weight: lighter; color: rgba(255,255,255,0.9); 
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
transition: all 1s;
-webkit-transition:all 1s;
transform: translate(0,90px);
-ms-transform: translate(0,90px);
-webkit-transform: translate(0,90px);}
#i_banner .txtb .txt .name {font-size: 2.8vw; line-height: 1.3;}
#i_banner .txtb .txt .intro { margin-top: 4%; line-height: 1.5; font-size: 24px; max-height: 4.5em;
overflow: hidden;}
#i_banner .txtb .txt .btn { margin-top: 6%;}
#i_banner .swiper-slide-active  .txtb .txt {
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
}

#i_banner .swiper-pagination { left: 9.3%; right: 9.3%; width: auto;
 bottom: 2.43em; display: flex; justify-content: flex-start; align-items: center;}
 #i_banner .swiper-pagination-bullet { flex: 1; height: 1px;
 -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
 background-color: #fff; margin: 0 !important;
 filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;
}
#i_banner .swiper-pagination-bullet-active {height: 2px; background-color: #058d7f;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

#i_banner .btnNPW { position: absolute; right: 9.3%; bottom: 4.1em;
z-index: 1000;height: 2.8em; }
#i_banner .btnNext,#i_banner .btnPrev { position: relative;
	cursor: pointer; display: inline-block;
	width: 2.8em; height: 2.8em; margin-left: 0.9em;
	border: 1px solid #fff;
	background:  url(../images/arr_white.png) center center no-repeat;
	background-size: 26.6% auto;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
} 
#i_banner .btnPrev { left: 5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
#i_banner .btnNext:hover,
#i_banner .btnPrev:hover {
	border: 1px solid #fff;	
}
#i_banner .btnPrev::before,
#i_banner .btnNext::before{
	content: ""; display: block;position: absolute; z-index: 1;
top: 0; left: 0; width: 100%; height: 100%;
background:  url(../images/arr_white.png) center center no-repeat;
	background-size: 26.6% auto;
}
#i_banner .btnPrev:hover::before,
#i_banner .btnNext:hover::before {
	background-image:  url(../images/arr_white.png);
}
#i_banner .btnNext::after,
#i_banner .btnPrev::after{
	content: ""; display: block; position: absolute; z-index: -1;
	top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#068d39+0,058d7d+100 */
	background: linear-gradient(to right,  rgba(6,141,57,1) 0%,rgba(5,141,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
#i_banner .btnNext:hover::after,
#i_banner .btnPrev:hover::after{ 
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
#i_banner.swiper-button-disabled {
	
}
#i_banner  .swiper-button-disabled,
#i_banner  .swiper-button-disabled:hover{ 
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
#i_banner .swiper-button-disabled:hover::before,
#i_banner .swiper-button-disabled:hover::before {
	background-image:  url(../images/arr_gray.png);
}
#i_banner .swiper-button-disabled:hover::after,
#i_banner .swiper-button-disabled:hover::after{ 
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

#i_banner .num { position: absolute; z-index: 1000; left: 9.3%; color: #fff;
bottom: 3.4em;}
#i_banner .num span { font-weight: bold;}
#i_banner .num span.cur { font-size: 1.87em;}

 @media only screen and (max-width:1920px) {
#i_banner .pic { padding-top: 45.72%;}
#i_banner .txtb .txt .intro { font-size: 1.25vw;}
}
 @media only screen and (max-width:828px) { 
#i_banner .con { width: 100%; margin: 0;}
#i_banner .pic {  display:none;}   #i_banner .pic2{ display: block;  position: relative;  z-index: 0; margin-top:34px;} #i_banner .pic2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#i_banner .txtb { position: absolute; left: 5.2%; top:15%;  right: 0%;
display: flex; justify-content: center; align-items: center;}
#i_banner .txtb .txt { width: 100%;}
#i_banner .txtb .txt .name { font-size: 6.2vw;}
#i_banner .txtb .txt .intro { font-size: 2vw;}
#i_banner .txtb .txt .btn { font-size: 2vw; margin-top: 1.8em;}
#i_banner .num { font-size: 2vw; }
#i_banner .btnNPW  { font-size: 2vw; }
#i_banner .swiper-pagination { font-size: 2vw;}
}

.iBox { padding: 5.6em 0;}
.bgGray { background-color: #f8f8f8;}
.iTit {display: flex; justify-content: space-between; align-items: center;}
.iTit .name { font-weight: bold; color: #333; padding-right: 1.5em;
background: url(../images/dot2.png) right center no-repeat; background-size:auto 0.5em ;}

 @media only screen and (max-width:1920px) {
	 .iBox { padding: 4.68% 0;}
 }
 
 .proList ul { margin: 0 auto 0;  display: flex; flex-wrap: wrap;
 justify-content: flex-start; align-items: stretch;}
 .proList ul li { width: 31.7%; margin-top: 2.45%; margin-right: 2.45%;
  background-color: #f8f8f8;
  transition: all 0.5s;
  -webkit-transition:all 0.5s;
/*  -moz-border-bottom-right-radius:2.3em; 
  -webkit-border-bottom-right-radius:2.3em;
   border-bottom-right-radius:2.3em; */
   overflow: hidden;
   position: relative; z-index: 0;}
 .proList ul li:nth-child(3n) { margin-right: 0;}
 .proList ul li::after { content: ""; display: block;
	 position: absolute; z-index: 0; left: 0; top: 0; width: 100%;
	 height: 100%;
	 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
	 	 background: linear-gradient(to right,  rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	 transition: all 0.5s;
	 -webkit-transition:all 0.5s;
 }
  .proList ul li:hover::after {
	  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
  }
 .proList .lib { position: relative; z-index: 1; display: block; cursor: pointer;}
 .proList .pic { padding-top: 66.4%; position: relative; z-index: 1;}
 .proList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	 display: block; 
 object-fit: cover;
  transition: all 0.5s;
  -webkit-transition:all 0.5s;}
  .proList .txt { display: flex; justify-content: space-between; align-items: center;
  padding: 12.7% 13% 15.7% 23%;} 
.proList .txt .name { color: #333; flex: 1; text-align: left; margin: 0 3% 0 8.7%;}
.proList .pics img { width: 2.75em; height: 2.75em;}
.proList .pics img:nth-child(1) {display: block;}
.proList .pics img:nth-child(2) {display: none;}
.proList .arrow { width: 0.5em; height: 0.5em;
background: url(../images/arr3_white.png) center center no-repeat;
background-size:contain ;}

.proList li:hover .txt .name { font-weight: bold; color: #fff;}
.proList li:hover .pics img:nth-child(1) {display: none;}
.proList li:hover .pics img:nth-child(2) {display: block;}

 @media only screen and (max-width:828px) {
	 .proList .txt { padding: 1.2em 5% ;} 
	 .proList .pics img { width:2em; height: 2em;}
 }
 @media only screen and (max-width:540px) {
	 
	  .proList ul li { width: 100%; margin-right: 0; margin-top: 1em;}
 }
 
 
.soluBox .con { overflow: visible;}
 .soluBox .tab ul { margin-top:2%; display: flex; justify-content: flex-start; align-items: center; line-height: 3em;}
 .soluBox .tab ul li { cursor: pointer; height: 3em; line-height: 3em;
 overflow: hidden; margin-right: 0.6em; width: 19.6%; text-align: center;
 background-color: #fff; border: 1px solid #eee;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
/* -moz-border-bottom-right-radius:1.1em; 
 -webkit-border-bottom-right-radius:1.1em; 
 border-bottom-right-radius:1.1em; */}
.soluBox .tab ul li.cur {
	  color: #fff; font-weight: bold;
	  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
	  	 background: linear-gradient(to right,  rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  
  }
.soluBox .conSZ { margin-top: 1em; position: relative; z-index: 0;}
.soluBox .conS {  position: absolute; left: 0; top: 0; z-index: 0;
 width: 100%; height: 100%;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
 filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
 }
.soluBox .conS:nth-child(1) { position: relative;}
.soluBox .conS.show { z-index: 1; display: block;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

.swiper-solu-d { position: relative; z-index: 0; background-color: #fff;
 /* -moz-border-bottom-right-radius:2.3em; -webkit-border-bottom-right-radius:2.3em;
 border-bottom-right-radius:2.3em; */}
.swiper-solu-d .item {display: flex; justify-content: space-between; align-items: center; }
.swiper-solu-d .item .picb { margin-left: 1px; width: 60.2%;}
.swiper-solu-d .item .picb .pic {position: relative; z-index: 0; padding-top: 60.4%;}
.swiper-solu-d .item .picb img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;}
.swiper-solu-d .item .txtb { flex: 1; margin: 0 6.1% 0 6.1%; text-align: left; color: #333;}
.swiper-solu-d .item .txtb .name { font-weight: bold;}
.swiper-solu-d .item .txtb .intro { line-height: 1.8; margin-top: 10%;}/*max-height: 5.4em; overflow: hidden;*/
.swiper-solu-d .item .btnMore { margin-top: 25%;}

 @media only screen and (max-width:828px) {
	  .soluBox .tab ul li { width: 30%; margin-right: 3%;}
	 .swiper-solu-d .item { display: block;}
	 .swiper-solu-d .item .picb {  width:auto;}
	 .swiper-solu-d .item .txtb .intro { margin-top: 1em; height: 170px; overflow: hidden; text-overflow: ellipsis;}
	 .swiper-solu-d .item .btnMore { margin-top: 1em;}
	 .swiper-solu-d .item .txtb { padding: 1.5em 0;}
 }

.swiper-solu-d .btnNext,
.swiper-solu-d .btnPrev { position: absolute; z-index: 10; right: -4.37em; top: 50%;
	cursor: pointer; display: inline-block;
	width: 2.8em; height: 2.8em; margin-top: 1.4em;
	border: 1px solid #fff;border: 1px solid #cecece;
	transition: all 0.5s;
	-webkit-transition:all 0.5s; overflow: hidden;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
} 
.swiper-solu-d .btnPrev { left: -4.37em; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.swiper-solu-d .btnNext:hover,
.swiper-solu-d .btnPrev:hover {
	border: 1px solid #fff;	
}
.swiper-solu-d .btnPrev::before,
.swiper-solu-d .btnNext::before{
	content: ""; display: block;position: absolute; z-index: 1;
top: 0; left: 0; width: 100%; height: 100%;
background:  url(../images/arr_gray.png) center center no-repeat;
	background-size: 26.6% auto;
}
.swiper-solu-d .btnPrev:hover::before,
.swiper-solu-d .btnNext:hover::before {
	background-image:  url(../images/arr_white.png);
}
.swiper-solu-d .btnNext::after,
.swiper-solu-d .btnPrev::after{
	content: ""; display: block; position: absolute; z-index: -1;
	top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#068d39+0,058d7d+100 */
	background: linear-gradient(to right,  rgba(6,141,57,1) 0%,rgba(5,141,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.swiper-solu-d .btnNext:hover::after,
.swiper-solu-d .btnPrev:hover::after{ 
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.swiper-solu-d .swiper-button-disabled {
	
}
.swiper-solu-d  .swiper-button-disabled,
.swiper-solu-d  .swiper-button-disabled:hover{ 
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
.swiper-solu-d .swiper-button-disabled:hover::before,
.swiper-solu-d .swiper-button-disabled:hover::before {
	background-image:  url(../images/arr_gray.png);
}
.swiper-solu-d .swiper-button-disabled:hover::after,
.swiper-solu-d .swiper-button-disabled:hover::after{ 
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

 @media only screen and (max-width:828px) {
.swiper-solu-d .btnPrev { background-color: #fff; left: -0.8em; top: 15%;
width: 2.2em;  height: 2.2em; }
.swiper-solu-d .btnNext {background-color: #fff; right: -0.8em;top: 15%;
width: 2.2em;  height: 2.2em; }
}

.swiper-solu-s { margin-top:6px; position: relative; z-index: 0;}
.swiper-solu-s .swiper-slide { cursor: pointer; width: 14%;}
.swiper-solu-s .item {display: flex; justify-content: space-between; align-items: center;
position: relative; z-index: 0;
overflow: hidden;
/* -moz-border-bottom-right-radius:1.1em; 
 -webkit-border-bottom-right-radius:1.1em; 
 border-bottom-right-radius:1.1em; */}
.swiper-solu-s .item  .pic {position: relative; z-index: 0; width: 100%; padding-top: 60.4%;
}
.swiper-solu-s .item  img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.swiper-solu-s .item .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
display: flex; justify-content: center; align-items: center; color: #fff;
background-color: rgba(102,102,102,0.6);}
.swiper-solu-s .swiper-slide-active .item  img {
	-webkit-filter:initial;
	-moz-filter: initial;
	-ms-filter: initial;
	-o-filter: initial;
	filter: initial;
	filter: initial;
}
.swiper-solu-s .swiper-slide-active .item .txt {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
		 background: linear-gradient(to right,  rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  
}


.aboutBox .conA { margin-top: 2.4%; display: flex; justify-content: space-between;
 align-items: stretch;}
.aboutBox .conL { width: 49.4%;
display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.aboutBox .conL .txtb { color: #333;}
.aboutBox .conL .txtb .name { font-weight: bold;}
.aboutBox .conL .pic { position: relative; z-index: 0; margin-top: 7.2%; padding-top: 44%;}
.aboutBox .conL .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
/* -moz-border-bottom-right-radius:3.3em; 
 -webkit-border-bottom-right-radius:3.3em; 
 border-bottom-right-radius:3.3em; */}
.aboutBox .conL .txtb { text-align: left;}
.aboutBox .conL .txtb .name {line-height: 1.3em; }
.aboutBox .conL .txtb .txt { margin-top: 0.8em;}
.aboutBox .conL .txtb .intro { margin-top: 1.5em;line-height: 1.9;
height: 26.3em; overflow: hidden;}
.aboutBox .conR { width: 48.9%;
display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}

.aboutBox .conR .pic { position: relative; z-index: 0;  padding-top: 56%;}
.aboutBox .conR .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
}

.aboutBox .conR .videoBox { position: absolute; z-index: 0; left: 0; top: 0;
    width: 100%; height: 100%;   background-color: #000;}
.aboutBox .conR .videoBox video { position: absolute; z-index: 0; left: 0; top: 0;
  width:100%; height: 100%; object-fit: contain;}
.aboutBox .conR .videoBox .videoPic { position: absolute; z-index: 1; left: 0; top: 0;
  width: 100%; height: 100%;}
.aboutBox .conR .videoBox .btnPlay{ position: absolute; z-index: 2; 
  left: 50%; top: 50%; margin-top: -4.1%; margin-left: -4.1%; 
  width:8.3%; padding-top: 8.3%; height: 0; cursor: pointer;
  background: url(../images/btn_play_1.png) center center no-repeat;
  background-size:contain;  }
.aboutBox .conR .videoBox.curPlay .videoPic { display: none; }
.aboutBox .conR .videoBox.curPlay .btnPlay {display: none; }
  
.aboutBox .conR .videoBox.pausePlay .videoPic { display: none; }
.aboutBox .conR .videoBox.pausePlay .btnPlay {display: block; }

.aboutBox .conR .list { flex: 1; padding: 3% 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
		 background: linear-gradient(to right,  rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  /* -moz-border-bottom-right-radius:3.3em;
	  -webkit-border-bottom-right-radius:3.3em; 
	  border-bottom-right-radius:3.3em; */
}
.aboutBox .conR .list ul{ height: 100%; color: #fff;
 display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;}
.aboutBox .conR .list .num { font-weight: bold;}
.aboutBox .conR .list .num  b { font-size: 2em;}
.aboutBox .conR .list .num .vr{color: #fff;background-color: #007437;display: inline-block;border-radius: 17px;font-size: 16px;height: 50px;line-height: 50px;padding: 0 15px;}
.aboutBox .conR .list .num .vr:hover{color:#018b35;}
 @media only screen and (max-width:828px) {
	 .aboutBox .conA { display: block;}
	 .aboutBox .conL { width: auto;}
	 .aboutBox .conR { margin-top: 1.5em; width: auto;}
	 .aboutBox .conR .list { font-size: 12px;}
	 .aboutBox .conR .list .num .vr{font-size: 12px;}
	 .aboutBox .conL .txtb .intro{height:5.5rem;}
	 .aboutBox .conL .txtb .intro_more{display: none;}
 }
  @media only screen and (max-width:480px) {
	  .aboutBox .conR .list ul li { padding: 3% 0; width: 50%;}
	  
  }
 
 .starBox .con { overflow: visible;}
  .swiper-star { position: relative; z-index: 0; width: 100%; margin: 2.8% auto 0 0; overflow: visible;}
  .swiper-star .swiper-container {overflow: visible;}
  .swiper-star .item { position: relative; z-index: 0; /* margin-right: 2.7%; */
   display: flex; justify-content: space-between; align-items: stretch;}
    .swiper-star .item::after { content: ""; display: none; position: absolute;
    left: 0; top: 0; width: 100%; height: 100%;
    background-color: rgba(1,139,53,0);}
    .swiper-star .swiper-slide-active .item::after { display: none;}
  .swiper-star .item .picb {  width:70%;}
  .swiper-star .item .picb .pic {position: relative; z-index: 0; padding-top: 69.5%;}
  .swiper-star .item .picb img { position: absolute; left: 0; top: 0;
  width: 100%; height: 100%; object-fit: cover;}
  .swiper-star .item .txtb { flex: 1; padding: 0 2.5% 0 3.8%; text-align: left; color: #fff;
  background:#018b36 url(../images/tit_bg.jpg) center center no-repeat;
  background-size:100% 100%;
  display: flex; flex-direction: column; justify-content: center; align-items: stretch; }
  .swiper-star .item .txtb .name { font-weight: bold;}
  .swiper-star .item .txtb .model { margin-top: 11.2%; font-weight: bold;}
  .swiper-star .item .txtb .intro { line-height: 1.8; margin-top: 0.6em;
 height: 5.4em; overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3; 
  }
  .swiper-star .item .btnMore { display: inline-block; margin-top: 7.5%; color: #f4f8f6;
  }/*background-image: url(../images/arr2_white.png);*/
   .swiper-star .item .btnMore:hover { color: #fff;}
   
   .swiper-star .item .videoBox { position: absolute; z-index: 0; left: 0; top: 0;
     width: 100%; height: 100%;
    background-color: #000;}
   .swiper-star .item .videoBox video { position: absolute; z-index: 0; left: 0; top: 0;
   width:100%; height: 100%; object-fit: contain;}
   .swiper-star .item .videoBox .videoPic { position: absolute; z-index: 1; left: 0; top: 0;
   width: 100%; height: 100%;}
   .swiper-star .item .videoBox .btnPlay{ position: absolute; z-index: 2; 
   left: 50%; top: 50%; margin-top: -3.3%; margin-left: -3.3%; 
   width:6.6%; padding-top: 6.6%; height: 0; cursor: pointer;
   background: url(../images/btn_play_2.png) center center no-repeat;
   background-size:contain;
   }
   .swiper-star .item .videoBox .btnPlay1{ position: absolute; z-index: 2;
   left: 50%; top: 50%; margin-top: -3.3%; margin-left: -3.3%; 
   width:6.6%; padding-top: 6.6%; height: 0; cursor: pointer;
   background: url(../images/btn_play_2.png) center center no-repeat;
   background-size:contain;display: none;
   }
   .swiper-star .item .videoBox.curPlay .videoPic { display: none; }
   .swiper-star .item .videoBox.curPlay .btnPlay {display: none; }
   
   .swiper-star .item .videoBox.pausePlay .videoPic { display: none; }
   .swiper-star .item .videoBox.pausePlay .btnPlay {display: block; }
  
   @media only screen and (max-width:828px) {
  	 .swiper-star .item { display: block;}
  	 .swiper-star .item .picb {  width:auto;}
 	  .swiper-star .item .txtb {  padding: 1em 1.5em; }
	  .swiper-star .item .txtb .model{margin-top:5%;}
  	 .swiper-star .item .txtb .intro { /* margin-top: 1em; */height:1em;}
  	 .swiper-star .item .btnMore { margin-top: 1em;}
	 .swiper-star .item .videoBox .btnPlay{display: none;}
	 .swiper-star .item .videoBox .btnPlay1{display: block;}
   }
 
 .swiper-star .btnNext,
 .swiper-star .btnPrev { position: absolute; z-index: 10; right: -4.37em; top: 50%;
 	cursor: pointer; display: inline-block;
 	width: 2.8em; height: 2.8em; margin-top: -1.4em;
 	border: 1px solid #fff; background-color: #fff; border: 1px solid #cecece;
 	transition: all 0.5s;
 	-webkit-transition:all 0.5s; overflow: hidden;
 	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
 } 
 .swiper-star .btnPrev { left: -4.37em; right: auto;
 transform: rotate(180deg);
 -ms-transform: rotate(180deg); 
 -webkit-transform: rotate(180deg); 
 }
 .swiper-star .btnNext:hover,
 .swiper-star .btnPrev:hover {
 	border: 1px solid #fff;	
 }
 .swiper-star .btnPrev::before,
 .swiper-star .btnNext::before{
 	content: ""; display: block;position: absolute; z-index: 1;
 top: 0; left: 0; width: 100%; height: 100%;
 background:  url(../images/arr_gray.png) center center no-repeat;
 	background-size: 26.6% auto;
 }
 .swiper-star .btnPrev:hover::before,
 .swiper-star .btnNext:hover::before {
 	background-image:  url(../images/arr_white.png);
 }
 .swiper-star .btnNext::after,
 .swiper-star .btnPrev::after{
 	content: ""; display: block; position: absolute; z-index: -1;
 	top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
 	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
 	background-color: #058d7f;
 	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
 	transition: all 0.5s;
 	-webkit-transition:all 0.5s;
 }
 .swiper-star .btnNext:hover::after,
 .swiper-star .btnPrev:hover::after{ 
 	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
 .swiper-star .swiper-button-disabled {
 	
 }
 .swiper-star  .swiper-button-disabled,
 .swiper-star  .swiper-button-disabled:hover{ 
 filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
 .swiper-star .swiper-button-disabled:hover::before,
 .swiper-star .swiper-button-disabled:hover::before {
 	background-image:  url(../images/arr_gray.png);
 }
 .swiper-star .swiper-button-disabled:hover::after,
 .swiper-star .swiper-button-disabled:hover::after{ 
 	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
 @media only screen and (max-width:828px) {
   .swiper-star .btnPrev { background-color: #fff; left: -0.8em; width: 2.2em;  height: 2.2em; margin-top: -1.1em;}
   .swiper-star .btnNext {background-color: #fff; right: -0.5em; width: 2.2em;  height: 2.2em; margin-top: -1.1em;}
 }

.attraBox .conAT { margin-top: 2.4%; display: flex; justify-content: space-between;
   align-items: stretch;}
.attraBox .conL { width: 49.3%;}
.attraBox .conL .list {}
.attraBox .conL .list li { margin-top: 3px; position: relative; z-index: 3;
	display: flex; justify-content: space-between; align-items:flex-start;
	padding: 3.6% 8% 3.6% 4.7%; text-align: left; color: #666;cursor: pointer;
 }
.attraBox .conL .list li:first-child { margin-top: 0;}
 .attraBox .conL .list li:hover {color: #fff;}
 .attraBox .conL .list li::after { content: ""; display: block;
	 position: absolute; left: 0; top: 0; z-index: -1;
	 width: 100%; height: 100%; 
	 background-color: #f8f8f8;
	 /* -moz-border-bottom-right-radius:3.3em;
	 -webkit-border-bottom-right-radius:3.3em; 
	 border-bottom-right-radius:3.3em; */
	 transition: all 0.5s;
	 -webkit-transition:all 0.5s;

 }
 .attraBox .conL .list li:hover::after {  width: 104%;
	 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
	 	 background: linear-gradient(to right,  rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  
 }
.attraBox .conL .list .num { margin-top: 0.3em; color: #333; font-size: 1.3em; font-weight: bold; margin-right: 6.2%;}
.attraBox .conL .list li:hover .num { color: #fff;}
.attraBox .conL .list .pics { margin-top: 1.5em; margin-right: 7.8%;}
.attraBox .conL .list .pics img{ width: 3em; height: 3em;
 display: block;}
 .attraBox .conL .list .pics img:nth-child(1) {
	 display: block;
 }
 .attraBox .conL .list .pics img:nth-child(2) {
 	 display: none;
 }
.attraBox .conL .list .txtb { flex: 1;}
.attraBox .conL .list .name .ch { color: #333; font-size: 1.7em; font-weight: bold;}
.attraBox .conL .list .name .en { text-transform: uppercase;}
.attraBox .conL .list .intro { margin-top: 0.5em; height: 2.2em; line-height: 1.1em; overflow: hidden;}
.attraBox .conL .list li:hover .name .ch { color: #fff;}
.attraBox .conL .list .arrow { margin-top:0.9em ; 
	width: 0.875em; height: 12px;
	background: url(../images/arr_green.png) center center no-repeat;
	background-size:contain;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;

}
.attraBox .conL .list li:hover .arrow {
	background-image: url(../images/arr_white.png);
	transform: translate(2.5em,0);
	-ms-transform: translate(2.5em,0); /* IE 9 */
	-webkit-transform: translate(2.5em,0); /* Safari and Chrome */
}

 .attraBox .conL .list li:hover .pics img:nth-child(1) {
	 display: none;
 }
 .attraBox .conL .list li:hover .pics img:nth-child(2) {
 	 display: block;
 }
  
  .attraBox .conR { width: 49.3%;}
  .attraBox .conR .pic { position: relative; z-index: 0;  padding-top: 67%;}
  .attraBox .conR .pic img { position: absolute; left: 0; top: 0;max-width: 100%;
  /* width: 100%; height: 100%; object-fit: cover; */
  }
  
  
   @media only screen and (max-width:828px) {
  	 .attraBox .conAT { display: block;}
  	 .attraBox .conL { width: auto;}
  	 .attraBox .conR { margin-top: 1.5em; width: auto;}
   }
   

.newBox .conAT { margin-top: 2.4%; display: flex; justify-content: space-between;
   align-items: stretch;}
.newBox .conL { width: 56.6%;}
.newBox .conR { width: 42.5%;}

.newBox .conL .picList ul { display: flex; justify-content: flex-start;
 align-items: stretch;}
.newBox .conL .picList li { width: 49.5%; margin-right: 1%;background-color: #fff;
/* -moz-border-bottom-right-radius:2.3em; -webkit-border-bottom-right-radius:2.3em;
 border-bottom-right-radius:2.3em; */}
.newBox .conL .picList li:nth-child(2n) { margin-right: 0;}
 .newBox .conL .picList .pic {position: relative; z-index: 0; padding-top: 56.4%; height: 0; opacity: inherit;}
 .newBox .conL .picList .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
.newBox .conL .picList .pic .date { position: absolute; z-index: 1;
  top: 1.2em; left: 1.2em; color: #fff; padding: 0.5em 0.8em;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
  	 background: linear-gradient(to right,  rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/* -moz-border-bottom-right-radius:1em; -webkit-border-bottom-right-radius:1em; 
border-bottom-right-radius:1em; */
}
.newBox .conL .picList .pic .date .dd { font-size: 1.9em; line-height: 1.4;}
.newBox .conL .picList .pic .date .yymm { font-size: 0.875em;line-height: 1.4;}
 .newBox .conL .picList .txtb {  padding: 8.2% 8% 13.7% 9.3%; text-align: left; }
 .newBox .conL .picList .txtb .name { line-height: 1.5em; height: 1.5em; overflow: hidden;
  font-weight: bold;}
 .newBox .conL .picList .txtb .intro { line-height: 1.7; margin-top: 8.5%; color: #666;
 font-size: 0.87em;
height: 5.1em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
 }
.newBox .conL .picList .btnMore { display: inline-block; margin-top: 6.2%; color: #666;
 }/*background-image: url(../images/arr2_green.png);*/
.newBox .conL .picList .btnMore:hover { color: #018b35;}

.newBox .conR .list { height: 100%;}
.newBox .conR .list ul { height: 100%;
display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.newBox .conR .list li { flex: 1; margin-top:6px; position: relative; z-index: 3;
	display: flex; justify-content: space-between; align-items:center;
	padding: 3.6% 6.9% 3.6% 6.9%; text-align: left; color: #666;
	background-color: #fff;
	/* -moz-border-bottom-right-radius:1.4em; -webkit-border-bottom-right-radius:1.4em;
	border-bottom-right-radius:1.4em */;
 }
.newBox .conR .list li:first-child { margin-top: 0;}
.newBox .conR .list .date { color: #666;}
.newBox .conR .list .date span { font-weight: bold; font-size: 1.9em;
color: #018b35;}
.newBox .conR .list .name { margin-left: 6%; flex: 1; font-size: 1.1em; color: #000;
 line-height: 1.5em; height: 1.5em; overflow: hidden;}
.newBox .conR .list .name a { color: #000;}
.newBox .conR .list .name a:hover { color: #018b35;}
  
@media only screen and (max-width:828px) {
  	 .newBox .conAT { display: block;}
	 .newBox .conL  { width: auto;}
  	 .newBox .conR { width: auto;}
  	 .newBox .conR { margin-top: 1.5em; width: auto;}
}

.caseBox .con { overflow: visible;}
.caseBox .tab ul { margin-top:2%; display: flex; justify-content: flex-start; align-items: center; line-height: 3em;}
 .caseBox .tab ul li { cursor: pointer; height: 3em; line-height: 3em;
 overflow: hidden; margin-right: 0.6em; width: 19.6%; text-align: center;
 background-color: #fff; border: 1px solid #eee;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
/* -moz-border-bottom-right-radius:1.1em; 
 -webkit-border-bottom-right-radius:1.1em; 
 border-bottom-right-radius:1.1em; */}
.caseBox .tab ul li.cur {
	  color: #fff; font-weight: bold;
	  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
	  	 background: linear-gradient(to right,  rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  
  }
.caseBox .conSZ {/* margin-top: 1em; */ position: relative; z-index: 0;}
.caseBox .conS {  position: absolute; left: 0; top: 0; z-index: 0;
 width: 100%; height: 100%;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
 filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
 }
.caseBox .conS:nth-child(1) { position: relative;}
.caseBox .conS.show { z-index: 1; display: block;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

.caseBox .conC { display: flex; justify-content: space-between;
   align-items: stretch;}
.caseBox .conL { width: 49.3%;}
.caseBox .conR { width: 100%;}

.caseBox .conL .picList ul { }
.caseBox .conL .picList li { width: 100%;background-color: #f8f8f8;
 /* -moz-border-bottom-right-radius:2.3em; -webkit-border-bottom-right-radius:2.3em;
 border-bottom-right-radius:2.3em; */}
 .caseBox .conL .picList .pic {position: relative; z-index: 0; padding-top: 56.4%; height: 0; opacity: inherit;}
 .caseBox .conL .picList .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
 .caseBox .conL .picList .txtb {  padding: 2% 8% 2% 8.5%; text-align: left; }
  .caseBox .conL .picList .txtb .cate { margin-bottom: 0.4em; color: #018b35; font-weight: bold;}
 .caseBox .conL .picList .txtb .name { line-height: 1.5em; height: 1.5em; overflow: hidden;
  font-weight: bold; }
 .caseBox .conL .picList .txtb .intro { line-height: 1.7; margin-top:0.7em; color: #333;
 font-size: 0.87em;
height: 5.1em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
 }
.caseBox .conL .picList .btnMore { display: inline-block; margin-top: 3%; color: #666;
 }/*background-image: url(../images/arr2_green.png);*/
.caseBox .conL .picList .btnMore:hover { color: #018b35;}

.caseBox .conR .picList2 ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
 align-items: stretch;}
.caseBox .conR .picList2 li { width: 23.6%; margin-top: 2%; margin-right: 1.4%; background-color: #f8f8f8;
 /* -moz-border-bottom-right-radius:2.3em; -webkit-border-bottom-right-radius:2.3em;
 border-bottom-right-radius:2.3em; */}
/* .caseBox .conR .picList2 li:nth-child(1) { margin-top: 0;}
 .caseBox .conR .picList2 li:nth-child(2) { margin-top: 0;}
 .caseBox .conR .picList2 li:nth-child(2n) { margin-right: 0;} */
 .caseBox .conR .picList2 .pic {position: relative; z-index: 0; padding-top: 56.4%; height: 0; opacity: inherit;}
 .caseBox .conR .picList2 .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
 .caseBox .conR .picList2 .txtb {  padding: 5% 8% 5% 8.5%; text-align: left; font-size: 0.875em; }
  .caseBox .conR .picList2 .txtb .cate { margin-bottom: 0.4em; color: #018b35; font-weight: bold;}
 .caseBox .conR .picList2 .txtb .name { line-height: 1.5em; height: 1.5em; font-weight: bold; overflow: hidden; font-size: 1.1em; }
 .caseBox .conR .picList2 .txtb .intro { line-height: 1.7; margin-top:0.7em; color: #333;
 font-size: 0.87em;
height: 5.1em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
 }
.caseBox .conR .picList2 .btnMore { height: 1.5em; display: inline-block; margin-top: 3%; color: #666;
  padding-right: 2.7em;}/*background-image: url(../images/arr2_green.png);*/
  .caseBox .conR .picList2 .btnMore2 { height: 1.5em; display: inline-block; margin-top: 3%; color: #018b35;}
.caseBox .conR .picList2 .btnMore:hover { color: #018b35;}

.swiper-case { position: relative; z-index: 0;}

.swiper-case .btnNext,
.swiper-case .btnPrev { position: absolute; z-index: 10; right: -4.37em; top: 50%;
	cursor: pointer; display: inline-block;
	width: 2.8em; height: 2.8em; margin-top: -1.4em;
	border: 1px solid #fff;border: 1px solid #cecece;
	transition: all 0.5s;
	-webkit-transition:all 0.5s; overflow: hidden;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
} 
.swiper-case .btnPrev { left: -4.37em; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.swiper-case .btnNext:hover,
.swiper-case .btnPrev:hover {
	border: 1px solid #fff;	
}
.swiper-case .btnPrev::before,
.swiper-case .btnNext::before{
	content: ""; display: block;position: absolute; z-index: 1;
top: 0; left: 0; width: 100%; height: 100%;
background:  url(../images/arr_gray.png) center center no-repeat;
	background-size: 26.6% auto;
}
.swiper-case .btnPrev:hover::before,
.swiper-case .btnNext:hover::before {
	background-image:  url(../images/arr_white.png);
}
.swiper-case .btnNext::after,
.swiper-case .btnPrev::after{
	content: ""; display: block; position: absolute; z-index: -1;
	top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#068d39+0,058d7d+100 */
	background: linear-gradient(to right,  rgba(6,141,57,1) 0%,rgba(5,141,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.swiper-case .btnNext:hover::after,
.swiper-case .btnPrev:hover::after{ 
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.swiper-case .swiper-button-disabled {
	
}
.swiper-case  .swiper-button-disabled,
.swiper-case  .swiper-button-disabled:hover{ 
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
.swiper-case .swiper-button-disabled:hover::before,
.swiper-case .swiper-button-disabled:hover::before {
	background-image:  url(../images/arr_gray.png);
}
.swiper-case .swiper-button-disabled:hover::after,
.swiper-case .swiper-button-disabled:hover::after{ 
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

  
@media only screen and (max-width:828px) {
  	 .caseBox .conC { display: block;}
	 .caseBox .conL  { width: auto;}
  	 .caseBox .conR { width: auto;}
  	 .caseBox .conR { margin-top: 1.5em; width: auto;}
	 .caseBox .tab ul li { width: 30%; margin-right: 3%;}
	  .caseBox .conR .picList2 .txtb .name { font-size:0.875em; }
	    .caseBox .conR .picList2 .btnMore2{display: none;}
		.caseBox .conR .picList2 li{width:46.6%;margin-left:1.4%;}
	 @media only screen and (max-width:828px) {
	   .swiper-case .btnPrev { background-color: #fff; left: -0.8em;width: 2.2em;  height: 2.2em; margin-top: -1.1em; }
	   .swiper-case .btnNext {background-color: #fff; right: -0.8em;width: 2.2em;  height: 2.2em; margin-top: -1.1em;}
	 } 
}


.coopBox .con { overflow: visible;}
.coopBox .list ul { margin-top:0.2%;
 display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; line-height: 3em;}
.coopBox .list ul li { position: relative; z-index: 0; cursor: pointer; 
 margin-right: 1.125%; margin-top: 2.37%; width: 19.1%; text-align: center;
 background-color: #fff;
/* -moz-border-bottom-right-radius:1.1em; 
 -webkit-border-bottom-right-radius:1.1em; 
 border-bottom-right-radius:1.1em; */}
 .coopBox .list ul li:hover { z-index: 1;}
.coopBox .list ul li:hover::after { content: ""; display: block; position: absolute; z-index: 0;
top: -1px; right: -1px; left: -1px; bottom: -1px;
border: 2px solid #018b35;
 /* -moz-border-bottom-right-radius:1.1em; 
 -webkit-border-bottom-right-radius:1.1em; 
 border-bottom-right-radius:1.1em; */}
.coopBox .list ul li:nth-child(5n) { margin-right: 0;  }
.coopBox .list .pic {position: relative; z-index: 0; padding-top: 37.7%; height: 0;
 border: 1px solid #eee;
/* -moz-border-bottom-right-radius:1.1em;
 -webkit-border-bottom-right-radius:1.1em; 
 border-bottom-right-radius:1.1em; */}
.coopBox .list .pic img { position: absolute; left: 5%; top: 17.3%;
 width: 90%; height: 65.4%; object-fit: contain;}
.coopBox .list ul li .info { position: absolute; z-index: 10; left: 100%; top: -100%; width: 124.3%;
background-color: #fff; display: none; margin-left: -1px;}
.coopBox .list ul li:nth-child(5n) .info {
	right: 100%;left: auto; margin-right: -1px; margin-left: auto;
}
.coopBox .list ul li:hover .info { display: block;
border: 1px solid #018b35;}
.coopBox .list ul li .info .picb { margin: 0.6em 0.6em 0;}
.coopBox .list ul li .info .picd {position: relative; z-index: 0; padding-top: 56.4%; height: 0; opacity: inherit;}
.coopBox .list ul li .info .picd img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
.coopBox .list ul li .info .txtb {  padding: 1.2em 9% 1% 9%; text-align: left; }
.coopBox .list ul li .info .txtb .cate { margin-bottom: 0.6em; color: #018b35;
 font-weight: bold;font-size: 0.875em; line-height: 1.4; }
.coopBox .list ul li .info .txtb .name { line-height: 1.5em; height: 1.5em; overflow: hidden;
  font-weight: bold; }
.coopBox .list ul li .info .txtb .intro { line-height: 1.3; margin-top:0.5em; color: #333;
 font-size: 0.87em;
height:5.2em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:4; 
 }
.coopBox .list ul li .info .btnMore { height: 1.5em; display: inline-block; margin-top: 3.5%; color: #666;
  padding-right: 2.7em;}/*background-image: url(../images/arr2_green.png);*/
.coopBox .list ul li .info .btnMore:hover { color: #018b35;}

@media only screen and (max-width:828px) {
	.coopBox .list ul li {
		 margin-right: 1.2%;  width: 32.53%; 
	}
	.coopBox .list ul li:nth-child(5n) { margin-right: 1.2%;  }
	.coopBox .list ul li:nth-child(3n) { margin-right: 0;  }
	
	.coopBox .list ul li:nth-child(3n) .info {
		left: 100%;right: auto; margin-left: -1px; margin-right: auto;
	}
	.coopBox .list ul li:nth-child(3n) .info {
		right: 100%;left: auto; margin-right: -1px; margin-left: auto;
	}
}

/*dialog box style*/
.popdialog-loading{width:100%;height:100%;background:url("../images/popup/loading.gif") no-repeat center; }
.popdialog-mask{position:absolute;top:0;left:0;padding:0px;margin:0;border:0;background:url("../images/popup/dialog-mask.png");_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale", src="../images/popup/dialog-mask.png");_background:none;}
.popdialog{width:600px;color:#3c3c3c;padding:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background:url("../images/popup/dialog-bg.png");_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale", src="../images/popup/dialog-bg.png");_background:none;} /*内容区宽度 = popdialog宽度 - 15 - 15*/
.popdialog .dialog-header{position:relative; padding:0; text-align:center;-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0; cursor:move;}
.popdialog .dialog-close{position:absolute;right:5px;top:5px;width:32px;height:32px;margin:0;background:url("../images/popup/dialog-close.png") no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale", src="../images/popup/dialog-close.png");_background:none;cursor:pointer;}
.popdialog .dialog-close:hover{background:url("../images/popup/dialog-close2.png") no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale", src="../images/popup/dialog-close2.png");_background:none;}
.popdialog .dialog-title{height:50px;line-height:50px;color:#202020;font-size:20px;font-weight:normal;font-family:'\5fae\8f6f\96c5\9ed1';/*Microsoft Yahei*/}
.popdialog .dialog-content{clear:both;line-height:150%; min-height: 200px; padding: 20px 20px; -moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0;background-color:#fff;/*overflow:auto;overflow-y:auto;overflow-x:hidden;*/overflow:hidden;}
.popdialog .dialog-button{clear:both;padding-top:25px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;font-size:12px;/*text-align:center;*/background-color:#fff;}
.popdialog .dialog-button input{overflow:visible;overflow-y:hidden;}
.popdialog .dialog-ok{display:inline-block;width:110px;height:33px;line-height:33px;padding:0px;margin-right:20px;color:#fff;font-size:16px;font-family:'\5fae\8f6f\96c5\9ed1';/*Microsoft Yahei*/text-align:center;border:none;background:#38b7ea;cursor:pointer;}
.popdialog .dialog-ok:hover{background:#f63;}
.popdialog .dialog-cancel{display:inline-block;width:110px;height:33px;line-height:33px;padding:0px;margin-right:20px;color:#666;font-size:16px;font-family:'\5fae\8f6f\96c5\9ed1';/*Microsoft Yahei*/text-align:center;border:none;background:#fff;cursor:pointer;}
.popdialog .dialog-cancel:hover{color:#fff;background:#a8a6a5;}
.popdialog .dialog-btntac{text-align:center;}
.popdialog .dialog-btntac .dialog-ok,
.popdialog .dialog-btntac .dialog-cancel{margin-left:10px;margin-right:10px;}
.dialogIframe{overflow:hidden;}