.clearfloat{*zoom:1;}

.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}

.clearfloat:after{ clear:both;}

/*垂直对齐*/

.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }

/*文字截取*/

.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }

.multi-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}

/*图片*/

.pic {width: 100%; overflow: hidden;}

.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.wrap {margin-right: auto;margin-left: auto;}

.wrap1300{margin-right: auto;margin-left: auto;}

#fp-nav li a{background: url(../images/indtab_bg.png) center center no-repeat;}

#fp-nav li a.active{background: url(../images/indtab_bghover.png) center center no-repeat;}

#fp-nav ul li, .fp-slidesNav ul li{margin:0px;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{display: none;}

@media (min-width: 1200px){

	 #fp-nav ul li, .fp-slidesNav ul li{width: 20px; height: 45px;}

}

@media(min-width: 992px) and (max-width: 1200px){

	 #fp-nav ul li, .fp-slidesNav ul li{width: 16px; height: 40px;}

	 #fp-nav li a{background-size: 8px 40px;}

	 #fp-nav li a.active{ background-size: 16px 40px;}

}

@media(min-width: 768px) and (max-width: 992px){

	 #fp-nav ul li, .fp-slidesNav ul li{width: 12px; height: 35px;}

	 #fp-nav li a{background-size: 6px 35px;}

	 #fp-nav li a.active{ background-size: 12px 35px;}

}

@media(max-width: 768px){

	 #fp-nav ul li, .fp-slidesNav ul li{width: 12px; height: 35px;}

	 #fp-nav li a{background-size: 6px 35px;}

	 #fp-nav li a.active{ background-size: 12px 35px;}

}

@media (min-width: 768px) {

  .wrap {width: 750px;}



}

@media (min-width: 992px) {

  .wrap {width: 970px;}

}

@media (min-width: 1200px) {

  .wrap {width: 1200px;}

 

}



@media (min-width: 1360px) {

  .wrap1300 {width: 1300px;}

}







.section {height: 100%;}

/*banner*/

.bx-wrapper .bx-viewport {height: auto !important; background: none; border: none; box-shadow: none; left: 0;}

.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}

.banner {width: 100%; height: 100%;}

.banner .bx-wrapper {height: 100% !important; }

.banner .bx-wrapper .bx-viewport {height: 100% !important;}

.banner ul {width: 100%; height: 100%;}

.banner ul li {width: 100%; height: 100%; position: relative;}

.banner ul li img { max-height: 100%;max-width: 100%;}

.banner ul li.bannerBox1 {background: url(../images/banner01.jpg) no-repeat center; background-size: cover;}

.banner ul li.bannerBox2 {background: url(../images/banner02.jpg) no-repeat center; background-size: cover;}

.banner ul li.bannerBox3 {background: url(../images/banner03.jpg) no-repeat center; background-size: cover;}

.banner .bx-wrapper .bx-pager {bottom: 86px; box-sizing: border-box;}

.banner .bx-wrapper .bx-pager.bx-default-pager a {width: 20px; height: 5px; border-radius: 0; background: #a1aaca;}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffffff;width: 40px;}

.bannerCont {position: absolute; text-align: center; left: 50%; top: 50%; }

.bannerCont h2 {font-size: 38px; color: #fff; margin-bottom: 10px; position: relative; right: -100px; opacity: 0;}

.bannerCont h3 { color: #fff;  line-height: 60px; margin-bottom: 18px; position: relative; left: -100px; opacity: 0; font-family: Arial;}

.bannerCont h3 span {font-size: 32px; display: block; padding: 0 36px;}

.bannerCont h3 em{font-size: 42px;display: block;}

.bannerCont p {font-size: 14px; position: relative; top: 50px; opacity: 0; color: #fff; line-height: 2;}



.pageNext {position: absolute; width: 32px; height: 30%; right: 6%; bottom: 0px; transform: translateX(-50%); z-index: 99; animation:animation1 3s infinite; animation-timing-function: linear;}

.pageNext a {display: block; width: 100%; height: 100%; background: url(../images/next_icon.png) no-repeat center bottom; background-size: 100%;}

@keyframes animation1{0%{bottom: 30px;}25%{bottom: 26px;}50%{bottom: 30px; }100% {bottom: 30px;}}

@media (min-width: 1280px) {
	.bannerCont{ margin-top:-144px;margin-left: -308px;}
}

@media (max-width: 1280px) {

	.bannerCont {width: 90%; right: auto; top: 50%; left: 50%; transform: translate(-50%,-50%);}

	.bannerCont h2 {font-size: 32px;}

	.bannerCont h3 { line-height: 56px; padding: 0 30px;}

	.bannerCont h3 span {font-size: 28px; display: block; padding: 0 30px;}

	.bannerCont h3 em{font-size: 36px;display: block;}

}

@media (max-width: 992px) {

	.bannerCont h2 {font-size: 28px;}

	.bannerCont h3 {line-height: 40px;}

	.bannerCont h3 span {font-size: 24px; display: block; padding: 0 24px;}

	.bannerCont h3 em{font-size: 32px;display: block;}



}



/*banner 结束*/

.ind_title {line-height: 0;}
.ind_title span{display: inline-table; color: #fff; line-height: 1.3;}

.ind_title .en{font-family: PFDinTextPro;}

.title_pro{text-align: center; line-height: 0;}

.more{width: 136px; height: 36px;  text-indent: 20px; line-height: 34px;overflow: hidden; border-radius: 1px; font-size: 16px;}

.more a {display: block; width: 100%; height: 100%; background: url(../images/bg2.png) 0 0 no-repeat;}

.more a:hover {background-position:right bottom; color: #fff;}

.more a:hover span{background: url(../images/morewhite.png) center center no-repeat;}

.more a span{background: url(../images/moreblue.png) center center no-repeat; display: inline-table;width: 24px;height: 24px;vertical-align: middle;}

.sectionyoushi .ind_title h1{ color: #e6e6e6; line-height: normal;}

.sectionyoushi .ind_title h3{color: #000; font-weight: bold; line-height: normal;}

.sectionyoushi .ind_title h3 em{/*color: #fb9a00;*/}

@media (min-width: 1200px) {
	.more{margin: 60px auto 0;}
	.ind_title .zh{font-size: 46px;}

	.ind_title .en{font-size: 40px;}



	

}

@media (min-width: 992px) and (max-width: 1200px){
	.more{margin: 40px auto 0;}
	.ind_title .zh{font-size: 40px;}

	.ind_title .en{font-size: 34px;}

}

@media (min-width: 768px) and (max-width: 992px){
	.more{margin: 25px auto 0;}
	.ind_title .zh{font-size: 36px;}

	.ind_title .en{font-size: 30px;}

}

@media(max-width: 768px){
	.more{margin: 1.5em auto 0;}

	.ind_title .zh{font-size: 1.6em;}

	.ind_title .en{font-size: 1.2em;}

}

/*ind_about*/

.sectionabout{background: url(../images/ind_bg01.jpg) center center no-repeat;}

.ind_abovideo{background: url(../images/ind_videobg.png) center center no-repeat;}

.ind_aboword{color: #fff; text-align: center;}

.ind_abolink{text-align: center;}

.ind_abolink a{display: inline-table; border:5px rgba(0,0,0,0.1) solid; background: rgba(0,145,229,0.3); border-radius: 5px; text-align: center; color: #fff;}

.ind_abolink a:hover{transform: scale(1.15);border:5px solid rgba(252,172,22,0.7);background-color: rgba(252,172,22,0.5);    box-shadow: 0px 7px 5px rgba(0,0,0,0.2);}

.ind_abolink a img{vertical-align: middle;}

@media (min-width: 1200px) {

	.ind_abovideo{width: 465px; margin:40px auto 10px; height: 290px; padding:21px 77px 60px 77px;}

	.ind_aboword{line-height: 30px; font-size: 16px;}

	.ind_abolink{padding-top:30px; height: 130px;}

	.ind_abolink a{width: 130px; height: 130px; margin:0px 45px;}

	.ind_abolink a h3{line-height: 40px; font-size: 18px;}

	.ind_abolink a div{height: 75px; line-height: 75px;}

	

	

}
@media (min-width: 1440px){
	.ind_abovideo iframe{width: 402px; height: 259px;}
}
@media (min-width: 1200px) and (max-width: 1440px){
	.ind_abovideo iframe{width: 400px; height: 260px;}
}
@media (min-width: 992px) and (max-width: 1200px){
	.ind_abovideo iframe{width: 400px; height: 260px;}
}
@media (min-width: 992px){

	.ind_abovideo{width: 400px; margin:30px auto 10px; height: 260px; padding:21px 66px 48px 66px; background-size: 100% 100%;}

	.ind_aboword{line-height: 30px; font-size: 16px;}

	.ind_abolink{padding-top:15px; height: 115px;}

	.ind_abolink a{width: 115px; height: 115px; margin:0px 35px;}

	.ind_abolink a h3{line-height: 40px; font-size: 17px;}

	.ind_abolink a div{height: 68px; line-height: 68px;}

	

}

@media (max-width: 1440px) {
	/*.ind_abovideo{height: 180px; width: 300px;}*/
	.indproInner{margin:0px auto; padding:0px;}
	
}
@media (min-width: 768px) and (max-width: 992px){

	.ind_abovideo{width: 352px; margin:25px auto 10px; height: 220px; padding:18px 58px 42px 58px; background-size: 100% 100%;}

	.ind_aboword{line-height: 30px; font-size: 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}

	.ind_abolink{padding-top:30px; height: 115px;}

	.ind_abolink a{width: 115px; height: 115px; margin:0px 20px;}

	.ind_abolink a h3{line-height: 40px; font-size: 17px;}

	.ind_abolink a div{height: 68px; line-height: 68px;}
	.ind_abovideo iframe{width: 352px; height: 220px;}

}

@media (max-width: 768px){

	.sectionabout{padding: 0px 2%;}

	.ind_abovideo{width: 244px; margin:25px auto 10px; height: 153px; padding:13px 42px 29px 42px; background-size: 100% 100%;}

	.ind_aboword{line-height: 30px; font-size: 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}

	.ind_abolink{padding-top:30px;}

	.ind_abolink a{width: 19%; height: 5em; margin:0px 1%;}

	.ind_abolink a h3{line-height: 2.5em; font-size: 1em;}

	.ind_abolink a div{height: 3em; line-height: 3em;}

	.ind_abovideo iframe{width: 244px; height: 153px;}

}



.sectionPros{background: url(../images/ind_bg02.jpg) center center no-repeat;}

.ind_procate{text-align: center;}

.ind_procate a{display: inline-table; color: #fff; font-size: 16px;}

.ind_procate a:hover{color: #0091e5;}

.indproInner { margin-top: 32px;}


.indproInner ul li {float: left; width: 23.875%; margin-right: 1.5%; margin-bottom: 15px;}

.indproInner ul li:hover .pic img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.indproInner ul li:nth-child(4n){margin-right: 0;}

.indproInner ul li a {display: block; width: 100%; height: 100%; position: relative;}

.indproInner ul li a:hover .bg{ display: block; }

.indproInner ul li .bg {display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:url(../images/ind_probg.png) center center no-repeat; background-size: 100% 100%;}

.indproInner ul li .bg p {width: 90%; font-size: 16px; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.morePro a{ color: #fff; font-size: 16px;}

.ind_procate {line-height: 0;}

@media (min-width: 1200px) {

	.ind_procate{margin:40px 0px 25px;}

	.ind_procate a{padding:0px 15px;}

}

@media (min-width: 992px) {

	.ind_procate{margin:30px 0px 20px;}

	.ind_procate a{padding:0px 12px;}

}

@media (min-width: 768px) {

	.morePro{margin-top:10px;}

	.indproInner{margin:20px auto;}

	.ind_procate{margin:15px 0px 8px;}

	.ind_procate a{padding:0px 12px;}

}
@media (min-width: 1440px) {
	.indproInner{margin-top: 30px;}
}
@media (max-width: 768px) {

	.ind_procate{margin:0.8em 0px 0.5em;}

	.ind_procate a{padding:10px 0.5em;}

	.indproInner {padding: 0 30px; margin-top: 2em;}

	.indproInner ul li {}

	.indproInner ul li:nth-child(4n){}



	.bx-wrapper .bx-controls-direction a {width: 26px; height: 36px; top: 50%; transform: translateY(-50%); margin-top: 0; background-color: rgba(0,0,0,0.5); background-repeat: no-repeat; background-position: center; box-sizing: border-box;}

	.bx-wrapper .bx-controls-direction a:hover {background-color: rgba(0,0,0,0.8); background-position: center;}

	.bx-wrapper .bx-prev {left: -32px; background-image: url(../images/jt_zuo2.png);}

	.bx-wrapper .bx-next {right: -32px; background-image: url(../images/jt_you2.png);} 

}





.sectionCase {background: url(../images/ind_bg04.jpg) no-repeat center; background-size: cover;}

.caseW {margin-top: 50px;}

.caseW ul {padding: 0 35px;}

.caseW ul li {float: left; width: 23%; margin-left: 2%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; border:1px #0091e5 solid;}

.caseW ul li a {display: block;}

.caseW ul li:first-child {margin-left: 0;}

.caseW ul li .pic {position: relative;}

.caseW ul li .pic .bg {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(../images/linkbg.png) center center no-repeat rgba(0,145,229,0.4); z-index: 20;}

.caseW ul li:hover {box-shadow: 0 0 15px 0 #676767;}

.caseW ul li:hover .pic img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.caseW ul li:hover .pic .bg{display: block;}

.caseBtn {display: none; position: absolute; width: 34px; height: 34px; line-height: 32px; text-align: center; font-size: 22px; color: #fff; background: #D60107; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 24;}

.caseInner {height: 65px; line-height: 65px; text-align: center; background: #0091e5;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.caseInner h3 {font-size: 18px; color: #fff;}



@media (min-width: 1440px){

	.caseW ul {padding: 0 8px;}

	.caseW,.moreCase {margin-top: 60px;}

}

@media (min-width: 992px) and  (max-width: 1440px){
	.caseW{width: 970px;}
	.caseW,.moreCase {margin-top: 20px;}

}

@media (min-width: 768px) and  (max-width: 992px){

	.caseW,.moreCase {margin-top: 1.5em;}

}

@media (max-width: 768px){

	.caseW {padding: 0 15%; box-sizing: border-box; margin-top: 20px;}

	.caseW ul {width: 100%; padding: 0;}

	.caseW ul li {width: 100%; margin: 0; margin-right: 0;}

	.caseW,.moreCase {margin-top: 1em;}

}







.sectionPartner{background: url(../images/ind_bg06.jpg) center center no-repeat;}

.sectionPartner .partner-wrapper{width: 1300px;height: 352px;background: rgba(255, 255, 255, 0.3);margin: 60px auto 0;position: relative;}

.sectionPartner ul{width: 100%;height: 100%;position: relative;z-index: 3; }

.sectionPartner ul.on {}



.sectionPartner ul li{float: left;width: 258px;height:174px;position: relative;overflow: hidden; border:1px rgba(255,255,255,0.3) solid;}

.sectionPartner ul li a{display: block;width: 258px;height: 348px;transition: 0.6s ease-in-out;}

.sectionPartner ul li a img{display: block;width: 100%;height: 50%;}

.sectionPartner ul li:hover a{transition: 0.6s ease-in-out;transform: translateY(-50%);}

.sectionPartner .partner-wrapper .bg-div{width: 260px;height: 176px;background: rgba(255, 255, 255, 0.7);position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;}

.sectionPartner .partner-wrapper:hover .bg-div{opacity: 1;}



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

	.sectionPartner .partner-wrapper{width: 920px;height: 252px;margin: 20px auto 0;}

	.sectionPartner ul li{float: left;width: 182px;height: 124px;}

	.sectionPartner ul li a{width: 184px;height: 248px;}

	.sectionPartner .partner-wrapper .bg-div{width: 184px;height: 126px;}

}



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

	.sectionPartner .partner-wrapper{width: 750px;height: 206px;margin: 18px auto 0;}

	.sectionPartner ul li{float: left;width: 148px;height: 101px;}

	.sectionPartner ul li a{width: 148px;height: 202px;}

	.sectionPartner .partner-wrapper .bg-div{width: 150px;height: 103px;}

}





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

	.sectionPartner .partner-wrapper{width: 6.9rem;height: 4.64rem;margin: 0.5rem auto 0;}

	.sectionPartner ul li{float: left;width:2.25rem;height: 1.5rem;}
	.sectionPartner ul li:last-child{display: none;}

	.sectionPartner ul li a{width: 100%;height: 3rem;}


	.sectionPartner .partner-wrapper .bg-div{width: 2.3rem;height: 1.5rem;}

}







.ind_contact{width: 100%;height: 100%;background: url('../images/ind_bg07.jpg') center center; background-size: cover;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.ind_contact .info-list li{float: left;width: 25%;text-align: center;color: #fff;padding-top: 80px;cursor: pointer; position: relative; top: -60px; opacity: 0;}

.ind_contact .info-list li span{display: block;width: 148px;height: 148px;margin: 0 auto;position: relative;transition: 0.4s;}

.ind_contact .info-list li span img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.ind_contact .info-list li span img.icon{z-index: 3;}

.ind_contact .info-list li span img.icon-on{z-index: 1;opacity: 0;}

.ind_contact .info-list li:hover span{transition: 0.4s;transform: rotateY(180deg);}

.ind_contact .info-list li:hover span img.icon{opacity: 0;}

.ind_contact .info-list li:hover span img.icon-on{opacity: 1;}

.ind_contact .info-list li h4{margin-top: 20px;font-size: 18px;line-height: 50px;}

.ind_contact .info-list li p{font-size: 16px;line-height: 30px;}

.ind_contact .info-list li p a{color: #fff;}

.ind_contact .ind_contact-nav{border-top:1px rgba(255,255,255,0.3) solid;padding: 20px 0 32px;display: flex;justify-content: space-around;margin-top: 60px; position: relative; top: 60px; opacity: 0;}

.ind_contact .ind_contact-nav dl{width: 100px;}

.ind_contact .ind_contact-nav dt{line-height: 45px;font-size: 16px;color: #fff; font-weight: bold;}

.ind_contact .ind_contact-nav dd{line-height: 28px;font-size: 14px;}

.ind_contact .ind_contact-nav dd a,.ind_contact .ind_contact-nav dt a{color: #fff; }

.ind_contact .ind_contact-nav dd a:hover{color: #0091e5; }

.ind_contact .copyright{margin-top: 20px;line-height: 36px;font-size: 14px;color: #fff; position: absolute; bottom:15px;}

.ind_contact .copyright p,.ind_contact .copyright a{color: #666; display: inline-table;}

.ind_contact .copyright a:hover{ color:#0091e5;}

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

	.ind_contact .info-list li{padding-top: 72px;}

	.ind_contact .info-list li span{width: 148px;height: 148px;}

	.ind_contact .info-list li h4{margin-top: 18px;font-size: 16px;font-weight: bold; line-height: 44px;}

	.ind_contact .ind_contact-nav{padding: 18px 0 28px;margin-top: 56px;}

	.ind_contact .ind_contact-nav dl{width: 100px;}

	.ind_contact .ind_contact-nav dt{line-height: 40px;font-size: 16px;;}

	.ind_contact .ind_contact-nav dd{line-height: 30px;font-size: 14px;}

	

}



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

	.ind_contact .info-list li{padding-top: 60px;}

	.ind_contact .info-list li span{width: 120px;height: 120px;}

	.ind_contact .info-list li h4{margin-top: 16px;font-size: 18px;line-height: 40px;}

	.ind_contact .info-list li p{font-size: 14px;line-height: 24px;}

	.ind_contact .ind_contact-nav{padding: 16px 0 24px;margin-top: 48px;}

	.ind_contact .ind_contact-nav dl{width: 100px;}

	.ind_contact .ind_contact-nav dt{line-height: 44px;font-size: 16px;padding-bottom: 4px;margin-bottom: 8px;}

	.ind_contact .ind_contact-nav dt::before,

	.ind_contact .ind_contact-nav dt::after{width: 12px;}

	.ind_contact .ind_contact-nav dd{line-height: 22px;font-size: 14px;}

}



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

	.ind_contact .info-list li{padding-top: 48px;}

	.ind_contact .info-list li span{width: 120px;height: 120px;}

	.ind_contact .info-list li h4{margin-top: 12px;font-size: 16px;line-height: 36px;}

	.ind_contact .info-list li p{font-size: 14px;line-height: 22px;}

	.ind_contact .ind_contact-nav{padding: 16px 0 24px;margin-top: 36px;}

	.ind_contact .ind_contact-nav dl{width: 100px;}

	.ind_contact .ind_contact-nav dt{line-height: 40px;font-size: 16px;padding-bottom: 4px;margin-bottom:5px;}

	.ind_contact .ind_contact-nav dt::before,

	.ind_contact .ind_contact-nav dt::after{width: 12px;}

	.ind_contact .ind_contact-nav dd{line-height: 22px;font-size: 14px;}

	.ind_contact .copyright{margin-top: 16px;line-height: 30px;font-size: 14px;}

}

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

	.ind_contact .info-list li span{width: 115px;height: 115px;}

}

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

	.ind_contact .ind_contact-nav{display: none;}

	

	.ind_contact .info-list li{width: 50%;}

}



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

	.ind_contact{position: relative;}

	.ind_contact .info-list li{padding-top:0;margin: 0.4em 0;}

	.ind_contact .info-list li span{width: 1.5rem;height: 1.5rem;}

	.ind_contact .info-list li h4{margin-top: 0.18rem;font-size: 0.30rem;line-height: 0.4rem;}

	.ind_contact .info-list li p{font-size: 0.26rem;line-height: 0.32rem;}

	.ind_contact .copyright{position: absolute; bottom: 0.1rem; top: auto; left: 2%; text-align: center;}

	.ind_contact .copyright p{display: inline-table;}

	.ind_contact .copyright p a{display: inline-table;}

}



/*** effect 3d image change ***/

.imagechange-3d .imgchange-1 {opacity:1}

.imagechange-3d:hover .imgchange-1 {opacity:0}

.imagechange-3d .imgchange-2 {opacity:0}

.imagechange-3d:hover .imgchange-2 {opacity:1}

.imgchange-1 {position:absolute;top:0px;right:0px;bottom:0px;left:0px}

.imgchange-2 {position:absolute;top:0px;right:0px;bottom:0px;left:0px;}

.imagechange-3d div{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

.imagechange-3d{perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;}

.imagechange-3d-inner{transform-style:preserve-3d;transition:all 1.0s linear;-webkit-transform-style:preserve-3d;-webkit-transition:all 1.0s linear;-moz-transform-style:preserve-3d;-moz-transition:all 1.0s linear;-ms-transform-style:preserve-3d;-ms-transition:all 1.0s linear;-o-transform-style:preserve-3d;-o-transition:all 1.0s linear;}

.imagechange-3d:hover .imagechange-3d-inner{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);}

.imgchange-2{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);}

.imagechange-3d-inner{position:absolute;top:0px;right:0px;bottom:0px;left:0px}



.sectionyoushi{background: url(../images/ind_bg03.jpg) center center no-repeat;}



.ind_youshi{ color: #fff; position: relative;}

.ind_youshi ul{ float: right;}

.ind_youshi li{float: left; cursor: pointer;}

.imagechange-3d .imgchange-1,.imagechange-3d .imgchange-2{background: rgba(0,145,229,0.8);}

.one .imagechange-3d .imgchange-1,.one .imagechange-3d .imgchange-2,.four .imagechange-3d .imgchange-1,.four .imagechange-3d .imgchange-2,.five .imagechange-3d .imgchange-1,.five .imagechange-3d .imgchange-2{background: rgba(251,154,0,0.8);}



.ind_youshi .imgchange-2{font-size: 14px;}



@media (min-width: 1440px){

	.sectionyoushi .ind_title{position: absolute; left: 0px; top:0px;}

	.sectionyoushi .ind_title h1{font-size: 90px;}

	.sectionyoushi .ind_title h3{font-size: 30px;}



	.ind_youshi ul{width: 932px;}

	.ind_youshi li{width:233px; height: 233px;}

	.ind_youshi .imgchange-1{padding: 30px 40px;}

	.ind_youshi .imgchange-1 h2{font-size: 60px;}

	.ind_youshi .imgchange-1 h3{font-size: 30px;}

	.ind_youshi .imgchange-1{width: 153px; height: 173px;}

	.ind_youshi .imgchange-2{padding: 18px 10px;}

	.ind_youshi .imgchange-2{width: 214px;height: 198px; line-height: 30px;}



}

@media (min-width: 992px) and (max-width: 1440px){

	.sectionyoushi .ind_title{position: absolute; left: 0px; top:0px;}

	.sectionyoushi .ind_title h1{font-size: 70px;}

	.sectionyoushi .ind_title h3{font-size: 26px;}

	.ind_youshi ul{width: 600px;}

	.ind_youshi li{width:150px; height: 150px;}

	.ind_youshi .imgchange-1{padding: 10px 15px;}

	.ind_youshi .imgchange-1 h2{font-size: 50px;}

	.ind_youshi .imgchange-1 h3{font-size: 26px;}

	.ind_youshi .imgchange-1{width: 120px; height: 130px;}

	.ind_youshi .imgchange-2{padding: 18px 10px;}

	.ind_youshi .imgchange-2{width: 130px;height: 114px; line-height: 26px;}

}

@media (min-width: 768px) and (max-width: 992px){

	.sectionyoushi .ind_title{position: absolute; left: 0px; top:0px;}

	.sectionyoushi .ind_title h1{font-size: 60px;}

	.sectionyoushi .ind_title h3{font-size: 26px;}

	

	.ind_youshi ul{width: 600px;}

	.ind_youshi li{width:150px; height: 150px;}

	.ind_youshi .imgchange-1{padding: 10px 20px;}

	.ind_youshi .imgchange-1 h2{font-size: 40px;}

	.ind_youshi .imgchange-1 h3{font-size: 24px;}

	.ind_youshi .imgchange-1{width: 110px; height: 130px;}

	.ind_youshi .imgchange-2{padding: 10px 8px;}

	.ind_youshi .imgchange-2{width: 130px;height: 134px; line-height: 24px;}

}

@media (max-width: 768px){

	.sectionyoushi .ind_title{text-align: center; margin-bottom: 1em;}

	.sectionyoushi .ind_title h1{font-size: 2.2em;}

	.sectionyoushi .ind_title h3{font-size: 1.4em;}

	.imagechange-3d,.imagechange-3d-inner{width: 100%; height: 100%;}

	.ind_youshi ul{width: 100%; text-align: center;}

	.ind_youshi li{width:3rem; height: 2rem; display: inline-table; float: none;}

	.ind_youshi .hide{display: none;}

	.ind_youshi .imgchange-1{padding: 5%;}

	.ind_youshi .imgchange-1 h2{font-size: 1.8em;}

	.ind_youshi .imgchange-1 h3{font-size: 1.2em;}

	.ind_youshi .imgchange-1{width: 90%; height: 90%;}

	.ind_youshi .imgchange-2{padding:5%;}

	.ind_youshi .imgchange-2{width: 90%;height: 90%; line-height: 1.2em;}

}







.sectionNews{background: url(../images/ind_bg05.jpg) center center no-repeat;}

.ind_newlist .ind_listimg{position: relative;}

.ind_newlist .ind_listimg,.ind_newlist .ind_listword{float: left; font-size: 16px;}

.ind_listnew{background: #fff;}

.ind_listword{color: #999;}

.ind_listword li{border-bottom: 1px rgba(255,255,255,0.3) solid;}

.ind_listword a{color: #fff; display: block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap}

.ind_newlist .ind_cate{position: absolute; top:0px;background: #0091e5; text-align: center; color: #fff;padding:10px 0px;width: 24px; left: 0px;}

.orgain .ind_cate{background: #fb9a00;}

.ind_listimg h3{font-size: 16px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}

.ind_listimg span{color: #999; font-size: 12px;display: block;}

.ind_listimg p{display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;color: #999; font-size: 14px;}

@media (min-width: 1200px){

	.ind_newlist{margin-top:50px;}

	.ind_newlist .orgain{margin-left: 35px;}

	.ind_newlist .ind_listnew{margin-left: 24px;}

	.ind_newlist .ind_listimg{width: 370px;}

	.ind_listnew div{padding:10px 3% 20px;}

	.ind_newlist .ind_listword{width: 400px; margin-left: 25px; line-height: 33px;}

	.ind_newlist .ind_listword a{margin-bottom: 8px;}

	.ind_listimg span{ margin:15px 0px;}



}



@media (min-width: 992px) and (max-width: 1200px){

	.ind_newlist{margin-top:30px;}

	.ind_newlist .orgain{margin-left: 4%;}

	.ind_newlist .ind_listnew{margin-left: 24px;}

	.ind_newlist .ind_listimg{width: 30%;}

	.ind_listnew div{padding:10px 3% 20px;}

	.ind_newlist .ind_listword{width: 33%; margin-left: 3%; line-height: 27px;}

	.ind_newlist .ind_listword a{margin-bottom: 9px;}

	.ind_listimg span{ margin:15px 0px;}



}



@media (min-width: 768px) and (max-width: 992px){

	.ind_newlist{margin-top:15px;}

	.ind_newlist .orgain{margin-left: 2%;}

	.ind_newlist .ind_listimg{width: 31.5%;}

	.ind_listnew div{padding:10px 3% 20px;}

	.ind_newlist .ind_listword{width: 33%; margin-left: 2%; line-height: 25px;}

	.ind_newlist .ind_listword a{margin-bottom: 9px;}

	.ind_listimg span{ margin:15px 0px;}



}

@media(max-width: 768px){

	.ind_listword li:nth-child(4){display: none;}

	.ind_listword li:nth-child(5){display: none;}
	
	.ind_newlist{margin-top:0.5em;}

	.sectionNews{padding:0px 2%;}

	.ind_newlist .orgain{margin-left: 2%;}

	.ind_newlist .ind_listimg{width: 49%;}

	.ind_listnew div{padding:10px 3% 20px;}

	.ind_newlist .ind_listword{width: 100%; margin-top:1em; line-height: 1.6;}

	.ind_newlist .ind_listword a{margin-bottom: 9px;}

	.ind_listnew div{display: none;}



}