@charset "utf-8";
/* CSS Document */
.top{ width:100%; height:85px; margin:0 auto; position:absolute; z-index:999; box-sizing:border-box; transition:all 0.5s; background:#fff;}
.logo{ width:219px; height:62px; float:left; background:url(../images/logo.png) no-repeat; margin-left:5%; transition:all 0.5s; margin-top:13px;}
.nav{ width:900px; height:85px; float:right; margin-right:5%;}
.nav li{ width:120px; height:85px; line-height:85px; float:left; text-align:center; background:url(../images/xx.gif) no-repeat right; }
.nav li:hover a{ color:#fff;}
.nav li i a{ font-style:normal; font-size:17px; color:#333; transition:all 0.5s;}
.nav li i{ width:100%; height:0px; background:#0073bc; transition:all 0.5s; display:block;}
.nav li:hover{ background:none;}
.nav li:hover i{ height:85px;}
.top.active{ height:85px; padding:0; background:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.top.active .logo{ width:200px; height:57px; background:url(../images/logo2.png) no-repeat; margin-top:13px;}
.top.active .nav li{line-height:85px;}
.top.active .nav li a{ font-size:17px; transition:all 0.5s;}
.top.active .nav li a:hover{}
.product{ width:100%; height:750px; background:url(../images/con2.jpg) no-repeat center; overflow:hidden; margin-top:85px;}
.product_con{ width:1200px; height:750px; margin:0 auto; padding-top:52px; box-sizing:border-box;}
.product .bt{ width:600px; height:116px; margin:0 auto;}
.product .bt h3{ font-size:30px; color:#333; text-align:center; font-weight:normal; margin-bottom:19px;}
.product .bt i{ width:112px; height:9px; background:url(../images/zhe.png) no-repeat; display:block; margin:0 auto;}
.product .bt p{ font-size:16px; color:#666; text-align:center; margin-top:20px;}
.product .nr{ width:1200px; height:430px; margin-top:50px;}
.product .nr .nei{ width:1200px; height:430px; overflow:hidden;}
.product .nr .nei_left1{ width:693px; height:430px; float:left;}
.product .nr .nei_left1 p{ width:693px; height:90px; overflow:hidden; font-size:16px; line-height:30px; color:#666; margin-bottom:48px;}
.product .nr .nei_left1 ul{ height:180px; overflow:hidden;}
.product .nr .nei_left1 ul a li{ padding-top:130px; box-sizing:border-box; width:127px; height:127px; margin-right:22px; float:left; cursor:pointer; transition:all 0.5s; font-size:16px; color:#666; line-height:25px; text-align:center;}
.product .nr .nei_left1 ul a:nth-child(1) li{ background:url(../images/tu1.jpg) no-repeat;}
.product .nr .nei_left1 ul a:nth-child(2) li{ background:url(../images/tu2.jpg) no-repeat;}
.product .nr .nei_left1 ul a:nth-child(3) li{ background:url(../images/tu3.jpg) no-repeat;}
.product .nr .nei_left1 ul a:nth-child(4) li{ background:url(../images/tu4.jpg) no-repeat;}
.product .nr .nei_left1 ul a:nth-child(1) li:hover{ background:url(../images/tu1_.jpg) no-repeat;}
.product .nr .nei_left1 ul a:nth-child(2) li:hover{ background:url(../images/tu2_.jpg) no-repeat;}
.product .nr .nei_left1 ul a:nth-child(3) li:hover{ background:url(../images/tu3_.jpg) no-repeat;}
.product .nr .nei_left1 ul a:nth-child(4) li:hover{ background:url(../images/tu4_.jpg) no-repeat;}
.product .nr .nei_left1 .more{ width:127px; height:33px; border:1px solid #1f68ee; font-size:14px; color:#1f68ee; margin-top:36px; text-align:center; line-height:32px; transition:all 0.5s;}
.product .nr .nei_left1 .more:hover{ margin-left:6px;}
.product .nr .nei_right1{ width:502px; height:281px; background:url(../images/che1.png) no-repeat; float:right; margin-top:25px;transition: all 1s ease 0s;
                          /*transform: scale(0.2) translate3d(1000px, 0px, 0); 
						  -webkit-transform: transform: scale(0.2) translate3d(1000px, 0px, 0);
	                      -moz-transform: transform: scale(0.2) translate3d(1000px, 0px, 0);
	                      -o-transform: transform: scale(0.2) translate3d(1000px, 0px, 0)	
						  opacity:0;*/}

/*.product.active .nr .nei_right1{transform:scale(1) translate3d(0,0,0); 
						       -webkit-transform:scale(1) translate3d(0,0,0);
	                           -moz-transform:scale(1) translate3d(0,0,0);
	                           -o-transform:scale(1) translate3d(0,0,0);
							   opacity:1}*/


.product .nr .nei_left2{ width:693px; height:430px; float:left;}
.product .nr .nei_left2 p{ width:693px; height:90px; overflow:hidden; font-size:16px; line-height:30px; color:#666; margin-bottom:48px;}
.product .nr .nei_left2 ul{ height:180px; overflow:hidden;}
.product .nr .nei_left2 ul a li{ padding-top:130px; box-sizing:border-box; width:127px; height:127px; margin-right:22px; float:left; cursor:pointer; transition:all 0.5s; font-size:16px; color:#666; line-height:25px; text-align:center;}
.product .nr .nei_left2 ul a:nth-child(1) li{ background:url(../images/tu5.jpg) no-repeat;}
.product .nr .nei_left2 ul a:nth-child(2) li{ background:url(../images/tu6.jpg) no-repeat;}
.product .nr .nei_left2 ul a:nth-child(3) li{ background:url(../images/tu10.jpg) no-repeat;}
.product .nr .nei_left2 ul a:nth-child(1) li:hover{ background:url(../images/tu5_.jpg) no-repeat;}
.product .nr .nei_left2 ul a:nth-child(2) li:hover{ background:url(../images/tu6_.jpg) no-repeat;}
.product .nr .nei_left2 ul a:nth-child(3) li:hover{ background:url(../images/tu10_.jpg) no-repeat;}
.product .nr .nei_left2 .more{ width:127px; height:33px; border:1px solid #1f68ee; font-size:14px; color:#1f68ee; margin-top:36px; text-align:center; line-height:32px; transition:all 0.5s;}
.product .nr .nei_left2 .more:hover{ margin-left:6px;}
.product .nr .nei_right2{    width: 505px;
    height: 300px;
    background: url(../images/che2.png) no-repeat;
    float: right;
    margin-top: 25px;
    transition: all 1s ease 0s;
                          /*transform: scale(0.2) translate3d(1000px, 0px, 0); 
						  -webkit-transform: transform: scale(0.2) translate3d(1000px, 0px, 0);
	                      -moz-transform: transform: scale(0.2) translate3d(1000px, 0px, 0);
	                      -o-transform: transform: scale(0.2) translate3d(1000px, 0px, 0)	
						  opacity:0;*/}

/*.product.active .nr .nei_right1{transform:scale(1) translate3d(0,0,0); 
						       -webkit-transform:scale(1) translate3d(0,0,0);
	                           -moz-transform:scale(1) translate3d(0,0,0);
	                           -o-transform:scale(1) translate3d(0,0,0);
							   opacity:1}*/
							   
							   
							   
.product .nr .nei_left3{ width:693px; height:430px; float:left;}
.product .nr .nei_left3 p{ width:693px; height:90px; overflow:hidden; font-size:16px; line-height:30px; color:#666; margin-bottom:48px;}
.product .nr .nei_left3 ul{ height:180px; overflow:hidden;}
.product .nr .nei_left3 ul li{ padding-top:130px; box-sizing:border-box; width:127px; height:127px; margin-right:22px; float:left; cursor:pointer; transition:all 0.5s; font-size:16px; color:#666; line-height:25px; text-align:center;}
.product .nr .nei_left3 ul a:nth-child(1) li{ background:url(../images/tu7.jpg) no-repeat;}
.product .nr .nei_left3 ul a:nth-child(2) li{ background:url(../images/tu8.jpg) no-repeat;}
.product .nr .nei_left3 ul a:nth-child(3) li{ background:url(../images/tu9.jpg) no-repeat;}
.product .nr .nei_left3 ul a:nth-child(1) li:hover{ background:url(../images/tu7_.jpg) no-repeat;}
.product .nr .nei_left3 ul a:nth-child(2) li:hover{ background:url(../images/tu8_.jpg) no-repeat;}
.product .nr .nei_left3 ul a:nth-child(3) li:hover{ background:url(../images/tu9_.jpg) no-repeat;}
.product .nr .nei_left3 .more{ width:127px; height:33px; border:1px solid #1f68ee; font-size:14px; color:#1f68ee; margin-top:36px; text-align:center; line-height:32px; transition:all 0.5s;}
.product .nr .nei_left3 .more:hover{ margin-left:6px;}
.product .nr .nei_right3{ width: 460px;
    height: 280px;
    background: url(../images/che3.png) no-repeat;
    float: right;
    margin-top: 25px;
    transition: all 1s ease 0s;
                          /*transform: scale(0.2) translate3d(1000px, 0px, 0); 
						  -webkit-transform: transform: scale(0.2) translate3d(1000px, 0px, 0);
	                      -moz-transform: transform: scale(0.2) translate3d(1000px, 0px, 0);
	                      -o-transform: transform: scale(0.2) translate3d(1000px, 0px, 0)	
						  opacity:0;*/}

/*.product.active .nr .nei_right1{transform:scale(1) translate3d(0,0,0); 
						       -webkit-transform:scale(1) translate3d(0,0,0);
	                           -moz-transform:scale(1) translate3d(0,0,0);
	                           -o-transform:scale(1) translate3d(0,0,0);
							   opacity:1}*/							   

.product .more2{ transition:all 0.5s; width:152px; height:38px; background:#fff; color:#1f68ee;  border-radius:25px; font-size:16px; text-align:center; line-height:38px; border:1px solid #1f68ee; box-sizing:border-box;}


/*-解决方案-*/
.fangan{ width:100%; height:735px; background:url(../images/con3.jpg) no-repeat center;}
.fangan_con{ width:90%; height:735px; margin:0 auto; overflow:hidden;  padding-top:50px; box-sizing:border-box;}
.fangan .bt{ width:280px; height:109px; margin:0 auto;}
.fangan .bt h3{ font-size:30px; color:#333; text-align:center; font-weight:normal;}
.fangan .bt i{ width:112px; height:9px; background:url(../images/zhe.png) no-repeat; display:block; margin:10px auto;}
.fangan .bt p{ font-size:16px; color:#666; line-height:30px; text-align:center;}
.fangan_con ul { margin-top:43px;}
.fangan_con ul li{ width:25%; height:auto; float:left; position:relative; overflow:hidden; }
.fangan_con ul li img{ width:100%; height:auto;}
.fangan_con ul li .xin{ width:250px; height:90px; margin:0 auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition:all 0.5s; }
.fangan_con ul li .xin span{ width:33px; height:33px; background:url(../images/more.png) no-repeat; display:block; margin:0 auto;}
.fangan_con ul li .xin p{ font-size:22px; color:#fff; text-align:center; line-height:30px; margin-top:13px;}
.fangan_con ul li .xi{ width:100%; height:100%; background:rgba(31,104,238,0.75); position:absolute; top:100%; transition:all 0.5s;}
.fangan_con ul li:hover .xin{ display:none;}
.fangan_con ul li:hover .xi{ top:0;}
.fangan_con ul li .xi .nr{ width:100%; height:130px; position:absolute;  top:50%; left:50%; transform: translate(-50%, -50%);}
.fangan_con ul li .xi h3{ font-size:22px; color:#fff; font-weight:normal; text-align:center; margin-bottom:15px;}
.fangan_con ul li .xi p{ width:80%; height:78px; font-size:15px; color:#fff; line-height:26px; overflow:hidden; margin:0 auto;}
.fangan_con .more{ transition:all 0.5s; width:135px; height:36px; background:#1f68ee; border-radius:20px; line-height:36px; text-align:center; margin:45px auto; font-size:14px; color:#fff;}
.fangan_con .more:hover{ background:#fff; border:1px solid #1f68ee; color:#1f68ee; box-sizing:border-box;}

@media screen and (min-width:1400px) and (max-width:1600px){
    .fangan_con{ width:90%;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
    .fangan_con{ width:98%;}
	}
@media screen and (min-width:1200px) and (max-width:1400px){
    .logo{ margin-left:2%;}
	}
@media screen and (min-width:1200px) and (max-width:1400px){
    .nav{ margin-right:2%;}
	}
		



/*--简介--*/
.profile{ width:100%; height:655px; background:url(../images/con4.jpg) no-repeat center;}
.profile_con{ width:1200px; margin:0 auto; padding-top:167px; box-sizing:border-box;}
.profile_left{ width:587px; height:387px;/* background:url(../images/sp.jpg) no-repeat;*/ float:left;}
.profile_right{ width:564px; height:387px; float:right;}
.profile_right .txt{ width:564px; height:245px;}
.profile_right .txt .bt{ height:36px;}
.profile_right .txt .bt h3{ font-size:18px; color:#fff; float:left;}
.profile_right .txt .bt i{ width:48px; height:1px; background:#fff; display:block; float:left; margin-left:8px; margin-top:12px;}
.profile_right .txt .bt p{ font-size:15px; color:#fff; line-height:32px; float:left; margin-top:15px;}
.profile_right .nr{ width:564px; float:left; margin-top:33px;}
.profile_right .nr li{ width:80px; height:110px; float:left; position:relative;}
.profile_right .nr li dl{ width:80px; height:80px; border-radius:50%; border:1px dashed #fff; animation: zhuan 1s infinite linear; position:absolute;}
.profile_right .nr li img{ position:absolute; top:16px; left:14px;}
.profile_right .nr li span{ text-align:center; line-height:30px; width:80px; height:30px; margin-top:90px; color:#fff; font-size:16px; display:block;}
@keyframes zhuan {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
.profile_right .nr li:hover dl{ border:1px solid #fff;} 
.profile_right .nr li:nth-child(2){ margin:0 156px;}
.profile_right .nr li:nth-child(2) img{ position:absolute; top:21px; left:24px;}
.profile_right .nr li:nth-child(3) img{ position:absolute; top:20px; left:20px;}
/*--新闻--*/
.news{ width:100%; height:680px; background:url(../images/con5.jpg) no-repeat center;}
.news_con{ width:1200px; height:680px; margin:0 auto; padding-top:49px; box-sizing:border-box; overflow:hidden;}
.news .bt h3{ font-size:30px; color:#333; text-align:center; font-weight:normal;}
.news .bt i{ width:112px; height:9px; background:url(../images/zhe.png) no-repeat; display:block; margin:10px auto;}
.news .bt p{ font-size:16px; color:#666; line-height:30px; text-align:center;}
.news ul { margin-top:40px; width:1233px;}
.news ul li{ width:380px; height:358px; background:#fff; border:1px solid #efefef; box-sizing:border-box; margin-right:31px; float:left; }
.news ul li img{ width:380px; height:225px;}
.news ul li .nr{ width:380px; height:120px; overflow:hidden;}
.news ul li .nr_left{ width:88px; height:100px; margin-left:10px; float:left;}
.news ul li .nr_left h3{ font-size:22px; color:#666; font-weight:normal; margin-top:16px; margin-left:16px; margin-bottom:6px;}
.news ul li .nr_left p{ font-size:15px; color:#666;}
.news ul li .nr_left i{ width:20px; height:20px; display:block; display:block; background:url(../images/more.gif) no-repeat; margin-top:8px; margin-left:16px;}
.news ul li .txt{ width:265px; height:85px; margin-top:25px; float:right; margin-right:15px;}
.news ul li .txt h3{ color:#333; font-size:16px; wid+th:263px; height:30px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.news ul li .txt p{ width:265px; line-height:25px; height:50px; color:#888; overflow:hidden;}
.news .more{ width:136px; height:36px; background:#1f68ee; text-align:center; line-height:36px; color:#fff; margin:46px auto; border-radius:25px;}
.news .more:hover{ background:#fff; border:1px solid #1f68ee; box-sizing:border-box; color:#1f68ee;}
/*--合作客户--*/
.hezuo{ width:100%; height:412px; background:url(../images/con6.jpg) no-repeat center; overflow:hidden;}

/* 水平滚动
------------------------------ */
.scroll_horizontal{position:relative;width:1201px;height:136px; margin:0 auto; margin-top:190px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;height:136px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:308px;text-align:center;}
.scroll_horizontal .list li img{ width:275px; height:136px; border:1px solid #e4e4e4;}
.scroll_horizontal .plus,
.scroll_horizontal .minus{position:absolute;top:50px;width:33px;height:33px;cursor:pointer;}
.scroll_horizontal .plus{left:-60px; background:url(../images/zuo.gif) no-repeat;}
.scroll_horizontal .minus{right:-60px; background:url(../images/you.gif) no-repeat;}








.fxui-tab {}
.fxui-tab-hand {height:38px; width:630px; margin:0 auto;}
.fxui-tab-tit {float: left; cursor:pointer; margin:0 10px;}
.fxui-tab-hand .curr {background:#1f68ee; border-radius:25px; font-size:16px; color:#fff; text-align:center; line-height:38px;}
.product .nr .nei_left2 ul li:nth-child(3){ background:url(../images/tu10.jpg) no-repeat;}
.product .nr .nei_left2 ul li:nth-child(3):hover{ background:url(../images/tu10_.jpg) no-repeat;}


.zq-icon{display:inline-block;background:url(../images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}

.card-area{margin:82px auto 0;height:402px;width:1280px;position:relative;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;height:402px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#1b77b9;border-left:1px solid #3285c0}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:376px;position:absolute;top:145px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:49%;height:430px; margin-top:-13px; }
.card-area .card-item.active .card .card-title{background-color:#3db1ea;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

.one{ width:100%; height:100%; background:url(../images/f1.jpg) no-repeat; }
.two{ width:100%; height:100%; background:url(../images/f2.jpg) no-repeat; }
.three{ width:100%; height:100%; background:url(../images/f3.jpg) no-repeat; }
.four{ width:100%; height:100%; background:url(../images/f4.jpg) no-repeat; }
.card-area .card-item .card i{ width:100%; height:100%; background:rgba(255,255,255,0.5); display:block; position:absolute;}
.card-area .card-item.active i{ display:none;}




.huadong {width:1200px;height:4rem;padding: 0.5rem 0 0.3rem 0; border-bottom: 1px solid #F0F0F0; position:relative;font: 12px/1.5 "Hiragino Sans GB","Microsoft YaHei",simsun;margin:0 auto;}
	.huadong .huabox {  margin:0 auto; width:100%; line-height: 4rem;}
	.huadong .hdimg {float:left;line-height:3.5rem;}
	.huadong .hdimg img { width: 100%; vertical-align:middle;}
	.huadong h5 {font-size:1rem;float:left; line-height: 2.2rem; margin: 0.8rem 0 0 0; }
	.huadong .gg_more { float: left;}
	.huadong .gg_more a { font-size: 0.8rem; text-decoration:none;}
	
	.huadong .notice_active {
			float: left;
			width: 55%;
			height: 4rem;
			padding: 0;
			overflow: hidden;
			position: relative;
	}
	.huadong .notice_active li{list-style-type:none;line-height: 2.4rem;overflow: hidden; margin-left:15px;}
	/*.huadong .notice_active li.notice_active_ch {}*/
	.huadong .notice_active li.notice_active_ch span {color:#656972;font-size:1rem;display: block;overflow: hidden; width:80%;float: left;
	overflow: hidden;margin:0 0 2rem 0;}
	.huadong .gg_more .news_ck {
			float: left;
			margin: 0 1rem 0 1rem;
			color: #888;
			width: 5rem;
			height: 2rem;
			line-height: 2rem;
			display: block;
			border: 1px solid #656972;
			text-align: center;
			border-radius: 0.7rem;
			font-size: 0.8rem;
			margin-top: 1rem;
		}
	.huadong .gg_more .news_more {
		
	}
	.huadong .notice_active li.notice_active_ch em {text-align:right;float:right;color:#888;font-size:0.8rem;font-style:normal;  }


.notice_active ul{ margin-top:0.7rem;}