.index_about_aboutbg{min-width:1190px; max-width:1920px; background:url(../smart/aboutbg.jpg) center no-repeat; height:680px; margin:auto; margin-top:40px; padding-top:30px;}
.index_about_title{width:1190px; margin:auto; height:65px; font-size:30px; color:#5b5b5b; line-height:63px; font-weight:bold; text-align:left; background:url(../smartabout_title.jpg) left bottom no-repeat;}
.index_about_zw{width:1190px; margin:auto; height:500px; margin-top:30px; position:relative; overflow:hidden;}
.index_about_List{width:230px; margin-left:2px; float:left; height:500px; position:relative; overflow:hidden;}
.index_about_List .index_about_abouttitle{ position:absolute; font-size:24px; color:#ffffff; text-align:center; bottom:44px; width:230px;}
.index_about_List img{width:230px; height:500px; position:absolute; left:0; top:0}

.index_about_List .index_about_rsp{width:230px;height:500px;overflow:hidden; position:absolute;background:url(../smart/aboutbg2.png); top:0; left:0}
.index_about_List .index_about_text{position:absolute;width:230px;height:500px;bottom:-500px;left:0;overflow:hidden; text-align:center;}
.index_about_List .index_about_text h2{ font-size:24px; line-height:27px; color:#fff; padding:36px 32px 18px 32px;}
.index_about_List .index_about_text p{ color:#fff; font-size:14px; line-height:26px; padding:0 32px 5px 32px; font-weight:normal}
.index_about_List .index_about_text p span{ font-size:14px; color:#ffffff; border:1px solid #fff;-webkit-border-radius: 20px;
-moz-border-radius: 20px; border-radius: 20px; padding:4px 30px;}
.index_about_List .index_about_text p span a{font-size:14px; color:#fff;}
.index_about_List .index_about_text p span:hover{ background:#fff;-webkit-transition:all .3s;transition:all .3s}
.index_about_List .index_about_text p span:hover a{ color:#000}


.fadeInLeftBig {
	-webkit-animation:fadeInLeftBig 1s .2s ease both;
	-moz-animation:fadeInLeftBig 1s .2s ease both;
}
.fadeInLeftBig1 {
	-webkit-animation:fadeInLeftBig 1s .4s ease both;
	-moz-animation:fadeInLeftBig 1s .4s ease both;
}
.fadeInLeftBig2 {
	-webkit-animation:fadeInLeftBig 1s .6s ease both;
	-moz-animation:fadeInLeftBig 1s .6s ease both;
}
.fadeInRightBig {
	-webkit-animation:fadeInRightBig 1s .2s ease both;
	-moz-animation:fadeInRightBig 1s .2s ease both;
}
.fadeInRightBig1 {
	-webkit-animation:fadeInRightBig 1s .4s ease both;
	-moz-animation:fadeInRightBig 1s .4s ease both;
}
.fadeInRightBig2 {
	-webkit-animation:fadeInRightBig 1s .6s ease both;
	-moz-animation:fadeInRightBig 1s .6s ease both;
}
#index_about_animate,#index_about_animate_1,#index_about_animate_2{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-animation-duration: 1s;
-webkit-animation-delay: .2s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-delay: .2s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 1s;
-ms-animation-delay: .2s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: 1s;
animation-delay: .2s;
animation-timing-function: ease;
animation-fill-mode: both;
}

.Main{ width:100%; height:auto; overflow:hidden; position:relative !important;}
.All-pro{ width:1190px; height:auto; overflow:hidden; margin:0px auto; padding-top:40px; /*border:1px solid #0C9;*/}
.All-pro .All-pro-one{ width:100%; height:auto; overflow:hidden; /*border:1px solid #0FC;*/ margin-top:20px;}
.All-pro .All-pro-one .All-pro-one-top{ width:100%; height:auto;}
.All-pro .All-pro-one .All-pro-one-top p{ font-family: impact; color: #029ee8; font-size: 26px; line-height:32px;}
.All-pro .All-pro-one ul{ margin-top:20px;}
.All-pro .All-pro-one ul li{ width:200px; height:107px; border:1px solid #dedede; padding:2px; float:left; margin:0px 6px; margin-bottom:40px;}
.All-pro .All-pro-one ul li img{ width:200px; height:107px;}
.All-pro .All-pro-one ul li p{ width:100%; height:40px; line-height:40px; text-align:center; color:#000; font-size:15px; }
.All-pro .All-pro-one ul li a p{ color:#000;}
.All-pro .All-pro-one ul li:hover{ border:1px solid #0075cf;}

.I-app{ width:1250px; height:auto; overflow:hidden; position:relative !important; /*border:1px solid #fff;*/ margin:0px auto; padding-bottom:30px;}
.I-app dl{}
.I-app dl dt{ width:300px; height:140px; float:left; margin:20px 0px 10px 10px;}
.I-app dl dt img{ opacity:0.8;filter(alpha=0.8);}
.I-app dl dt p{ width:100%; height:40px; line-height:40px; color:#000; font-size:18px; text-align:center; margin-top:0px; font-weight:100;}
.I-app dl dt img:hover{ opacity:1;filter(alpha=100);}