/*1029626114@qq.com*/
@charset "utf-8";
.g_pp{padding-top: 85px;height: 480px;    background: #f7f7f7;}
.g_pp .video{height: 450px;}
.g_pp .video dt{float: right;width:601px;height: 398px;overflow: hidden;position: relative;}
/*.g_pp .video dt:before{content: "";position: absolute;background: url(../images/spico.png) no-repeat;width:56px;height: 56px;left:50%;margin-left: -28px;top:170px;}*/
.g_pp .video dd{float: left;width:508px;padding-top: 26px;}
.g_pp .video h2{height:88px;font-size: 42px;color:#333333;}
.g_pp .video h2 em{display: block;font-size: 14px;color: rgba(51,51,51,.4);font-weight: normal;}
.g_pp h3{background: url(../images/pptit.jpg) no-repeat;width:502px;height: 67px;line-height: 67px;text-align:center;font-weight: normal;font-size: 30px;color:#00afe8;margin-bottom: 20px;}
.g_pp p{font-size: 16px;line-height: 36px;color:#666666;}
.m_pp dl{float: left;width:360px;height: 314px;margin-right: 60px;background: #efefef;padding: 28px 15px 0;box-sizing: border-box;} 
.m_pp dl:nth-child(3){margin-right: 0;}
.m_pp dt{overflow: hidden;width:299px;margin:0 auto 24px;}
.m_pp dt img{width: 299px;height: 176px;display: block;transition: all 0.3s linear 0s;}

.m_pp dd{position: relative;padding-left: 60px;}
.m_pp dd i{position: absolute;left:0;top:0;width:60px;height: 60px;overflow: hidden;}
.m_pp dd i img{width:120px;height: 60px;display: block;transition: all 0.3s linear 0s;}
.m_pp dd h4{font-size: 24px;color:#333333;font-weight: normal;}
.m_pp dd p{font-size: 16px;color:#333333;line-height: 18px;}
.m_pp dl:hover,.m_pp .cur{background: url(../images/ppbg2.jpg) no-repeat;}
.m_pp dl:hover i img,.m_pp .cur i img{margin-left: -60px;}
.m_pp dl:hover h4,.m_pp .cur h4,
.m_pp dl:hover p,.m_pp .cur p{color:#fff;}
.m_pp dl:hover dt img,.m_pp .cur dt img{transform: scale(1.1);}


/*产品优势*/
.til01{text-align: center;display: block;font-size:50px;color: #333;line-height:64px;height:140px;font-weight: normal;position: relative;width:1200px;margin: 0 auto;}
.til01 b{color: #32348a;}
.til01 a{display: block;color: #333;}
.til01 p{display: block;font-size: 24px;line-height:44px;opacity: 0.8;}
.til02,.til02 a,.til02 b{color: #fff;}
.chara{clear: both;font-family:"Microsoft Yahei";overflow: hidden;padding:82px 0 0;position: relative;z-index: 1;background:url(../images/charabg.jpg) no-repeat center 0;height: 706px;font-size: 16px;line-height: 25px;color: #fff;}
.chara_pic{left: 365px;top:8px;border-radius: 466px;overflow: hidden;}
.chara_pic,.chara_pic img{width: 466px;height: 466px;display: block;}
.chara_l{padding: 60px 0 0;}
.chara_l dl{width: 366px;float: left;height: 238px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.chara_l dt{width:90px;float: left;padding: 35px 0 0;}
.chara_l dd{width:252px;float: right;}
.chara_l dd h3{font-size: 26px;line-height: 55px;height: 55px;}
.chara_l dd p{opacity: 0.6;}
.chara_l dl.chara_l1{margin-right: 467px;text-align: right;}
.chara_l dl.chara_l1 dt{float: right;}
.chara_l dl.chara_l1 dd{float: left;}
.chara_l dl:hover{margin-top: -10px;}



.g_pro{padding-bottom: 1rem;}
.g_pro h2 a{display: block;width:1200px;margin:0 auto;text-align:center;font-size: 50px;color:#333333;height: 132px;}
.g_pro h2 em{display: block;font-size: 20px;color:#666666;font-weight: normal;}
.fl01 {height: 25rem;overflow: hidden;}
.fl01 dt{float: left;width:50%;}
.fl01 dt img{width:100%;display: block;}
.fl01 dd{float: left;width:50%;background: #f2f2f2;height: 25rem;overflow: hidden;padding: 3rem 18% 0 4%;box-sizing: border-box;}
.fl01 h3 a{display: block;line-height: 3rem;font-size: 1.5rem;color:#333333;}
.fl01 p{font-size: 14px;line-height: 24px;color:#333333;margin-bottom: 40px;}
.fl01 span{display: block;margin-bottom: 2.2rem;clear: both;height: 2.2rem;}
.fl01 span a{float: left;}
.fl01 span a:nth-child(1){ position: relative;
	width:7.7rem;float: left;height: 2.2rem;line-height: 2.2rem;padding-left: 2rem;font-size: 0.7rem;color:#fff;border-radius: 2rem;
	box-sizing: border-box; margin-right: 0.5rem;
	background: #00ebe6; 
            background: -moz-linear-gradient(left,  #00ebe6 0%, #00c9e7 50%, #00a8e8 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left,  #00ebe6 0%,#00c9e7 50%,#00a8e8 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right,  #00ebe6 0%,#00c9e7 50%,#00a8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ebe6', endColorstr='#00a8e8',GradientType=1 ); /* IE6-9 */}

.fl01 span a:nth-child(1):before{content: "";position: absolute;background: url(../images/flbtn1.png) no-repeat;background-size: cover; width:0.83rem;height: 0.83rem;right:17%;top:0.7rem;}

.fl01 span a:nth-child(2){ position: relative;width:7.7rem;height: 2.2rem;line-height: 2.2rem;padding-left: 2rem;font-size: 0.7rem;color:#333333;border-radius: 2rem;
	box-sizing: border-box;border:1px solid #6b6b6b;float: left;}
.fl01 span a:nth-child(2):before{content: "";position: absolute;background: url(../images/flbtn2.png) no-repeat;background-size: cover; width:0.83rem;height: 0.83rem;right:17%;top:0.7rem;}
.fl01 h4{border-bottom: 1px solid #bcbcbc;line-height:2.3rem;line-height: 2.3rem;font-size: 0.8rem;color:#333333; margin-bottom: 0.8rem;}
.fl01 .ejfl li{float: left;font-size: 0.75rem;line-height: 1.5rem;color:#666666;width:25%;}
.fl01 .ejfl li a{color:#666666;}


.g_otfl{margin:0 13%;padding-bottom: 4.58rem;}
.g_otfl dl{float: left;width:23.7%;margin-right: 1.5%;position: relative;overflow: hidden;}
.g_otfl dl:nth-child(4){margin-right: 0;}
.g_otfl dt{width:100%;position: relative;}
.g_otfl dt i{position: absolute;width:100%;left:0;top:0;}
.g_otfl dt img,.g_otfl dt i img{width:100%;display: block;transition: all 0.3s linear 0s;}
.g_otfl dd{position: absolute;left:0;top:0;width:100%;height: 100%;z-index: 155;}
.g_otfl em{display: block;width:25.7%;margin:4rem auto 0;}
.g_otfl em img{width:100%;display: block;}
.g_otfl h3{display: block;font-size: 1rem;color:#fff;text-align:center;font-weight: normal;}
.g_otfl span{display: block;font-size: 0.6rem;color:rgba(255,255,255,.3);}

.g_otfl dl:nth-child(1){animation-delay: 0.1s;}
.g_otfl dl:nth-child(2){animation-delay: 0.2s;}
.g_otfl dl:nth-child(3){animation-delay: 0.3s;}
.g_otfl dl:nth-child(4){animation-delay: 0.4s;}
.g_otfl dl:hover i img{transform: scale(1.1);}




.g_dzys{background: url(../images/dzysbg.jpg) no-repeat;background-size: cover;height: 33.58rem;padding-top: 3rem;width:100%;margin:0 auto;max-width: 1920px;min-width: 1200px;overflow: hidden;}
.g_dzys h2{text-align:center;font-size:50px;color:#fff; height: 5rem;}
.g_dzys h2 em{display: block;font-size: 20px;color:#fff;font-weight: normal;}
.g_dzys dl{position: absolute;}
.g_dzys h3{line-height: 2.5rem;text-align:center;font-size: 1rem;color:#fff;}
.g_dzys p{font-size: 0.66rem;color:rgba(255,255,255,.6);text-align:center;line-height: 1.2rem;}
.g_dzys dt{width:2.5rem;height: 2.5rem;margin:0 auto;}
.g_dzys dt img{width:100%;display: block;}

.g_dzys dl:nth-child(1){left:6.97%;top:0;width:15.2%;}
.g_dzys dl:nth-child(1) dd{height: 8.83333rem;}

.g_dzys dl:nth-child(2){left:23.5%;top:8.83333rem;width:15.2%;}
.g_dzys dl:nth-child(2) dd{height: 8rem;}

.g_dzys dl:nth-child(3){left:65.26%;top:5.833333rem;width:12.5%;}
.g_dzys dl:nth-child(3) dd{height: 5.833333rem;}

.g_dzys dl:nth-child(4){left:77.7%;top:-2rem;width:15%;}
.g_dzys dl:nth-child(4) dd{height: 7.3rem;}


.g_dzys dl:nth-child(1){animation-delay: 0.1s;}
.g_dzys dl:nth-child(2){animation-delay: 0.2s;}
.g_dzys dl:nth-child(3){animation-delay: 0.3s;}
.g_dzys dl:nth-child(4){animation-delay: 0.4s;}




@media screen and  (min-width:760px) and (max-width:1440px){
    .g_otfl{margin:0 3%;}
}




/**/
.ysbj{ height:2262px;padding-top: 72px; position: relative;overflow: hidden;clear: both;}
.ysbj h2{height: 160px;text-align: center;font-size: 50px;color: #333333;font-weight: bold;position: relative;}
.ysbj h2 a{color: #333;}
.ysbj h2 em{display: block;font-size: 20px;color: #666666;padding-top: 6px;font-weight: normal;}

.ys{ height:auto;  position: relative; }
.ysgy{width: 100%;max-width: 1920px; margin:0 auto; height: 504px; overflow: hidden;}
.ysgy dl{width: 1200px; margin:0 auto;}
.ysgy dt{width: 600px; display: block; float: right;}
.ysgy dt img{width: 960px;height: 504px; display: block;margin-right: -360px;}
.ysgy dd{width: 600px;padding-top: 42px; float: left; box-sizing: border-box;  text-align: left; position: relative;}
.ysgy dd i{display: block;height: 100px;}
.ysgy dd h3{height: 94px;width:500px; font-size: 40px;color: #333333;font-weight: bold;margin-bottom: 40px;border-bottom: 1px solid #b5b5b5;}
.ysgy dd p{padding-left: 30px; line-height: 42px;font-size:16px;color: #666666; text-align: left;background: url(../images/ysico.jpg) no-repeat left 15px;}

.ys2 dt{float: left;}
.ys2 dd{float: right;width:510px;}
.ys2 dt img{margin-left: -360px;}

.ys3 dt{float: right;}
.ys3 dd{float: left;width:510px;}
.ys3 dt img{margin-right: -360px;}

.ys4 dt{float: left;}
.ys4 dd{float: right;width:510px;}
.ys4 dt img{margin-left: -360px;}


.ys1 dd li:hover img,
.ys2 dd li:hover img,
.ys3 dd li:hover img,
.ys4 dd li:hover img{transform: scale(1.1);}





/*案例*/
.case{position: relative;padding:72px 0;z-index: 1;background: #f0f0f0;}
.case h2{height: 134px;text-align: center;font-size: 50px;color: #333333;font-weight: bold;position: relative;}
.case h2 a{color: #333;}
.case h2 em{display: block;font-size: 20px;color: #666666;padding-top: 6px;font-weight: normal;}

.case_t{width: 229px;height: 663px; background:url(../images/anflbg.jpg) no-repeat;padding-top: 29px;box-sizing: border-box;}
.case_t li{height: 104px;border-bottom: 1px solid rgba(255,255,255,.12);box-sizing:border-box;position: relative;padding-left: 80px;font-size: 20px;color:#fff;line-height: 104px;}
.case_t li i{position: absolute;left:35px;top:32px;width:44px;height: 44px;}
.case_t li i img{width:44px;height: 44px;display: block;}
.case_t li a{color: #fff;display: block;}
.case_t li.cur{background:url(../images/anfltit.png) no-repeat center 26px; text-align:center;font-size: 20px;color:#00b8e7;padding-left: 0;}
.case_t li.cur a{color: #00aee8;font-weight: bold;}
.case_t li.cur i{display: none;}

.morehy{height: 104px;box-sizing:border-box;position: relative;padding-left: 80px;font-size: 20px;color:#fff;line-height: 104px;}
.morehy i{position: absolute;left:35px;top:32px;width:44px;height: 44px;}
.morehy i img{width:44px;height: 44px;display: block;}
.morehy a{color: #fff;display: block;}
.case_c{width: 939px;overflow: hidden;margin-bottom: 24px;}
.case_c dt,.case_c dt img{width: 939px;display: block;height:528px;overflow: hidden;}
.case_c dt{position: relative;overflow: hidden;}
.case_c dt img{width: 939px;height:528px;display: block;}
.case_c dt span{position: absolute;left:608px;top:257px;width:248px;height: 248px;border-radius: 50%; transition: all 0.3s linear 0s; }
.case_c dt span img{width:244px;height: 244px;display: block;border-radius: 50%;}
.case_c dt span:before{content: "";position: absolute;background:url(../images/ansha.png) no-repeat;width:248px;height: 248px;left:-1px;top:0;}
.case_c dd{height: 135px;padding:16px 50px 0;box-sizing:border-box;background: #fff;}
.case_c dd h4{display: block;font-size: 20px;line-height:44px;height:44px;color: #333333;font-weight: bold;}
.case_c dd h4 a{display: block;color: #333; }
.case_c dd h4 em{display: inline-block;font-size: 16px;font-weight: normal;padding-left: 34px;background:url(../images/anline.jpg) no-repeat 9px 11px;}
.case_c dd p{font-size: 14px;line-height: 22px;color:#666666;}
.case_c dl:hover span{transform: rotateY(180deg);}


/*合作*/
.part{height:256px;line-height:45px;font-size: 16px;color: #666;clear: both;}
.part h3{border-bottom: 1px solid #c5c5c5;font-size: 20px;font-weight: normal;height: 57px;line-height: 57px;margin-bottom: 22px;}
.part h3 b a{padding-left: 48px;background:url(../images/hztit.png) no-repeat 0 center;color: #2c353c;}
.more01 a{font-size: 14px;color: #333;}
.prev2,.next2{width:20px;height:32px;display: inline-block;cursor: pointer;top:120px;right:-40px;z-index: 9;background:url(../images/rjt.png) no-repeat 0 0;}
.prev2{left:-40px;background:url(../images/ljt.png) no-repeat 0 0;}
.prev2:hover,.next2:hover,.prev3:hover,.next3:hover{background-position: -20px 0;}
.part_c li{float: left;margin:0 18px 0 0;text-align: center;}
.part_c li p{border: solid 1px #dfdfdf;}
.part_c li p,.part_c li p img{width: 224px;height: 126px;display: block;overflow: hidden;}
.part_c li span{display: block;line-height: 47px;}
.part_c li span a{display: block;color: #6b6b6b;}

/*产品*/

.wrap{width:1200px; margin: 0 auto;min-width:1200px;margin-top: 50px;}
.index-title{	background: url(../images/20200320094426_838315122.png) no-repeat center;text-align: center;}
.index-title .t{
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}
.index-title .t span{
	color: #b60812;
}
.index-title .p{
	font-size: 16px;
	padding-top: 20px;
}

.l{float:left;_display: inline;} .r{float:right;_display: inline;}





.pro-left{
	width: 284px;
}
.pro-left-title{
	background:#00a7e8;
	padding: 35px 0;
	color: #FFF;
	text-align: center;
}
.pro-left-title .t{
	font-size: 34px;
	line-height: 34px;
	font-weight: bold;
	position: relative;
	padding-bottom: 17px;
}
.pro-left-title .t:after{
	content: "";
	width: 36px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -18px;
}
.pro-left-title .p{
	font-size: 24px;
	line-height: 24px;
	padding-top: 19px;
}
.pro-left-box{
	background: #222;
}
.pro-left-sort{
	padding: 12px 20px;
	box-sizing: border-box;
}
.pro-left-sort>ul>li>a{
	color: #FFF;
	border-bottom: 1px solid #4e4e4e;
	display: block;
	line-height: 57px;
	font-size: 16px;
	padding-left: 45px;
	padding-right: 12px;
	position: relative;
}
.pro-left-sort>ul>li>a:after{
	content: url(../images/20200320100355_1296433160.png);
	position: absolute;
	top: 18px;
	right: 12px;
}
.pro-left-sort>ul>li>a:hover{
	background: #21499b;
}
.pro-left-sort>ul>li .sub{
	background: #2f2f2f;
	padding-left: 45px;
	padding-right: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pro-left-sort>ul>li .sub li a{
	color: #999;
	line-height: 30px;
}
.pro-left-sort>ul>li .sub li a:hover{
	color: #FFF;
}
.pro-left-logo{
	padding: 20px 0 30px 0;text-align: center;
}
.pro-left-logo .t{
	padding-top: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}
.pro-left-tel{
	background: #00a7e8;
	color: #FFF;
	padding: 28px 0;
	text-align: center;
}
.pro-left-tel .t{
	font-size: 18px;
}
.pro-left-tel .p{
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	padding: 20px 0 25px 0;
}
.pro-left-tel .m a{
	background: #222;
	color: #FFF;
	font-size: 16px;
	padding: 10px 42px;
	display: inline-block;
}

.pro-right{
}
.pro-right tr td img{
	width:270px;
}
.pro-right tr td{
	width: 270px;
	float: left;
	text-align: center;
    margin: 10px 10px;	border: 1px solid #eeeeee;
	transition: all .35s ease;
	height: 245px;
}
.pro-right tr td:nth-child(2n+1){
	margin-left: 0;
}
.pro-right tr:nth-child(2) td{
	margin-top: 19px;
}
.pro-right tr td a{
	display: inline-block;
	
}
.pro-right tr td .text{
	position: relative;
	margin-bottom: 28px;
}
.pro-right tr td span a:after{
	content: url(../images/20200320104140_111606151.png);
	position: absolute;
	bottom: -60px;
	left: 136px;
	transform: translate(-50%, 0);
}
.pro-right tr td span a{
	font-size: 16px;
	position:relative;
	display:block;
}
.pro-right tr td .text .p{
	font-size: 14px;
	color: #999;
	padding: 15px 0 20px 0;
}
.pro-right tr td:hover{
	border: 1px solid #b60812;
	transform: translate(0, -5px);
	-moz-box-shadow:0px 0px 11px rgba(0, 0, 0, .4);
	-webkit-box-shadow:0px 0px 11px rgba(0, 0, 0, .4);
	box-shadow:0px 0px 11px rgba(0, 0, 0, .4);
}
.pro-right tr td a:hover:before{
	color: #21499b;
}
.pro-right tr td span a:hover:after{
	content: url(../images/20200320104755_143152874.png);
}

.product-item{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 25px;
}
.product-item tr td tr td{
	width: 280px;
        padding-left: 26px !important;
}
.product-item tr td tr td img{
	border: 1px solid #eeeeee;
}
.product-item tr td tr td a:last-child{
	margin: 0 10px;
	line-height: 50px;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.product-item tr td tr td a:last-child:after{
	content: "MORE+";
	border: 1px solid #eeeeee;
	padding: 0 10px;
	border-radius: 20px;
	line-height: 25px;
}
.product-item tr td tr td:hover img{
	border: 1px solid #21499b;
}
.product-item tr td tr td:hover a:last-child:after{
	border: 1px solid #21499b;
	background: #21499b;
	color: #FFF;
}

/*首页左侧导航栏样式*/
.pro-left-sort ul table td{display:block;}
.pro-left-sort ul table #showtyepname{
	background: #2f2f2f;
	padding-left: 45px;
	padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 15px;
	display:block;
}
.pro-left-sort ul table #showtyepname a{color: #999;display:block;line-height: 30px;font-size:14px;}
.pro-left-sort>ul td a{font-size:17px; font-weight:normal;}
.pro-left-sort>ul td b{ color:#1b1c1f;}
.pro-left-sort>ul td:hover b{
	color: #21499b;
}
.pro-left-sort>ul td b a{ color:#fff}
.pro-left-sort>ul td{
	color: #FFF;
	border-bottom: 1px solid #4e4e4e;
	display: block;
	line-height: 57px;
	padding-left: 35px;
	padding-right: 12px;
	position: relative;
	box-sizing: border-box;
}
.pro-left-sort>ul td:first-child:after{
	content: url(../images/20200320100355_1296433160.png);
	position: absolute;
	top: 22px;
	right: 12px;
}
.pro-left-sort>ul td:hover{
	background: #21499b;
}
.pro-left-sort>ul>li #showtyepname{
	background: #2f2f2f;
	padding-left: 45px;
	padding-right: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pro-left-sort>ul #showtyepname li a{
	color: #999;
	line-height: 30px;
}
.pro-left-sort>ul #showtyepname a:hover{
	color: #FFF;
}













.tit01{overflow: hidden; font-size: 24px;color:#009527;text-align: center; line-height: 36px; height:70px;}
.tit01 a{ color:#b60812;}
.tit01 span{ color:#666666; font-size: 14px; font-weight: normal; display: block;}
.newsbg{ width:1230px; margin: 49px auto 0; height:569px; overflow: hidden;}
.news-lndt , .news-hyzx , .faq{ width:380px; overflow: hidden; position: relative; margin-top: 45px;margin-left: 25px;} 
.newsbg h3{position: absolute; top: 0;left: 0; width:60px; height:87px; background:#b60812 url(img/index/newsline.gif) no-repeat center 65px; font-size: 18px; text-align: center;}
.newsbg h3 a{ display: inline-block;padding-top: 12px; color:#fff; line-height: 24px;    width: 50px;}
.newsbg p { margin-left: 28px; width:352px; overflow: hidden;}
.newsbg p img{ width:352px; height:156px;}
.newsbg ul{ margin:30px 0 0 28px;}
.newsbg li{ padding-left: 15px;background: url(img/index/newsicon.gif) no-repeat 0 19px; color:#555555; line-height: 40px;font-size: 14px;}
.newsbg li a{ color:#333333;}




.g_ab{overflow: hidden;position: relative;}
.g_ab .ab{width:100%;}
.g_ab .ab img{width:100%;display: block;}
.content2{width: 1200px;height: 340px;background: #fff;box-shadow: 0 9px 20px rgba(0,9,20,.07); margin: -96px auto 25px; position: relative;padding-top: 40px;box-sizing: border-box;}
.content2 .abwz{width:1200px;margin:0 auto;}
.abwz h3 a{display: block;height: 54px;text-align: center;font-size: 30px;color:#333333;font-weight: bold;}
.m_ab p{text-align: center;font-size: 14px;color:#666666;line-height: 26px;padding: 0 60px;}


.zz2{width:1200px;height:436px;margin:0 auto;position:relative}
.zz_q2{height:124px;margin-left: 374px;}
.zz2 ul{height:124px;}
.zz2 ul li a{float: left;width:160px;font-size: 20px;color:#333333;text-align: center;position: relative;}
.zz2 ul li a:before{content:"";position: absolute;width:1px;height: 75px;background: #d4d4d4;right:0;top:13px;}
.zz2 ul li:nth-child(3) a:before{background: none;}
.zz2 ul li i{display: block; width:62px;height: 62px;overflow: hidden;margin:0 auto;}
.zz2 ul .cur a,.zz2 ul li:hover a{color:#00aee8;font-weight: bold;}
.zz2 ul li:hover i img,.zz2 ul .cur i img{margin-left: -62px;}
.zz_box2{position:relative;}
.zz-s2 ol li{position:relative;float:left;width:286px;margin-right:18px;background:0 0;padding:0;transition:all .3s linear 0s;overflow:hidden}
.zz-s2 ol li img{width:286px;height:213px;display:block;transition:all .3s linear 0s}
.zz-s2 ol li em{width:286px; line-height: 48px; text-align:center;font-size:14px;color:#333333;transition: all 0.4s ease 0s;display: block;}
.g_zs2 .ljt,.g_zs2 .rjt{width:20px;height: 32px;position: absolute;}
.g_zs2 .ljt{background:url(../images/ljt.png) no-repeat;left:-40px;top:78px;}
.g_zs2 .rjt{background:url(../images/rjt.png) no-repeat;right:-40px;top:78px;}
.g_zs2 .ljt:hover,.g_zs2 .rjt:hover{background-position: -20px 0;}








/* 友情链接 */
.g_link{ height: 84px;background: #111111;}
.g_link h2{float: left; width: 90px;height: 84px;line-height: 84px;font-size: 14px;font-weight: normal;color: #fff;}
.link_c{line-height:84px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 84px; line-height:84px; color:#fff;display: block;}
.link_c .lasta a{background: none;}




@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}



















html {font-size: 10px;-webkit-text-size-adjust: none;min-width:1300px;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}