@charset "utf-8";
/*banner*/
/*引子*/
.webox{position: relative;overflow: hidden;background:url(../images/ppbg.jpg) no-repeat center 0;height: 600px;}
.webox_c{height:576px;overflow: hidden;}
.webox_w{width:492px;padding: 84px 0 0 80px;}
.webox_w h2{background:url(../images/ppline.jpg) no-repeat 0 bottom;height: 121px;margin-bottom: 12px;font-size: 42px;color: #000;font-weight: bold;}
.webox_w h2 a{color: #000;}
.webox_w h2 em{display: block;font-weight: normal;font-size: 30px;color: #333333;}
.webox_w p{height: 194px;font-size: 15px;line-height: 30px;color: #666666;}
.webox_w p b{color: #1470d6;}
.webox_p{padding-top: 100px;}
.webox_p img{width:624px;height:417px;display: block;}
.webox dl{height: 140px;}
.webox dt{float: left;width: 108px;}
.webox dd{float: left;width: 308px;}
.webox dd b{float: left;width: 80px;line-height: 106px;font-size: 15px;color: #666666;font-weight: normal;text-align: right;}
.webox dd span{float: left;}

.g_pro{height:1030px;padding-top: 70px;background:url(../images/cpbg.jpg) no-repeat;}
.g_pro h2{height: 133px;text-align: center;font-size: 46px;color: #111;font-weight: normal;position: relative;}
.g_pro h2 a{color: #111;}
.g_pro h2 em{display: block;font-size: 18px;color: #333;padding-top: 6px;}
.g_pro h2:before{content: "";position: absolute;width: 27px;height: 3px;left:50%;margin-left: -13px;top:105px;background: #1470d6;}
.g_pro .m_fl{float: left;width: 257px;background: #1470d6;padding-bottom: 10px;}
.g_pro .m_fl h3 a{display: block;width: 257px;background:url(../images/cptit2.jpg) repeat-x;height: 85px; padding-top: 40px; position: relative; font-size: 30px;color: #000;font-weight: bold;text-align: center;margin-bottom: 10px;}
.g_pro .m_fl h3 em{display: block;font-size: 16px;color: #939394;text-transform: uppercase;font-weight: normal;}
.g_pro .flst li{position: relative;z-index: 11}
.g_pro .flst li a{display: block; height: 58px;line-height:58px;font-size: 16px;color: #fff; background:url(../images/cpline.jpg) no-repeat 0 bottom; padding: 0 55px 0 40px; }
.g_pro .flst li a:hover,.g_pro .flst .cur a{color: #000;background:url(../images/cph3.jpg) no-repeat; }
.g_pro .flst li:last-child a{background: none; color:#fff;}





.g_pro .flst .flej{position: absolute;left:257px;top:0;padding: 18px 30px 20px;width: 200px;background: rgba(255,255,255,.8);border: 1px solid #e9e9e9;display: none;}
.g_pro .flst .flej h4 a{display: block;background:url(../images/flico2.png) no-repeat 0 11px;font-size: 16px;color: #1470d6;line-height: 34px;border-bottom: 1px solid #cecece;padding: 0 0 0 23px;height: 34px;}
.g_pro .flst .flej p{padding: 7px 0;}
.g_pro .flst .flej p a{display: block;font-size: 15px;line-height: 26px;color: #666666;padding: 0;height: 26px;background: none;}
.g_pro .flst .cur .flej p a{background: none;}
.g_pro .flst li:hover .flej,.g_pro .flst .cur .flej{display: block;}



.m_cp{float: right;width: 926px;}
.cpban{height: 388px;position: relative;}
.m_cp dl{width: 926px;height: 372px;position: relative;}
.m_cp dt{width: 495px;height: 372px;overflow: hidden;float: left;position: relative;}
.m_cp dt img{width: 495px;height: 372px;display: block;transition: all 0.3s linear 0s;}
.m_cp dt:hover img{transform: scale(1.1);}
.m_cp dd{float: left;padding: 50px 32px 0 50px;width: 346px; border: 1px solid #e5e5e5; height: 320px;background: #fff; }
.m_cp dd h3{height: 88px;}
.m_cp dd h3 a{display: block;font-size: 28px;color: #333;font-weight: normal;}
.m_cp dd h3 b{display: block;background:url(../images/cptjtit.png) no-repeat;width: 80px;height: 34px;line-height: 34px;font-size: 30px;color: #fff;font-weight: bold;padding-left: 10px;margin-top: 5px;}
.m_cp dd p{font-size: 16px;line-height: 24px;color: #666666;margin-bottom: 2px;}
.m_cp dd .wz{margin-bottom:20px;}
.m_cp dd span{display: block;width: 280px;height: 40px;line-height: 40px;background: #1470d6;}
.m_cp dd span a{display: block;float: left;width: 90px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;padding-left: 50px;position: relative;}
.m_cp dd span a:nth-child(2){color: #1470d6;background: #fff;margin: 2px;width: 86px;height: 36px;}
.m_cp dd span a:nth-child(1):before{content: "";position: absolute;background:url(../images/cpbtn1.png) no-repeat;width: 26px;height: 26px;left:18px;top:9px;}
.m_cp dd span a:nth-child(2):before{content: "";position: absolute;background:url(../images/cpbtn2.png) no-repeat;width: 26px;height: 26px;left:18px;top:7px;}
.cpban dt span{position: absolute;left:388px;top:320px;font-size: 26px;color: #1470d6;}
.cpban dt span em{font-size: 16px;color: #666666;}
.m_cp .u_ljt{position: absolute;background:url(../images/jt.png) no-repeat;width: 22px;height: 14px;left:350px;top:330px;}
.m_cp .u_rjt{position: absolute;background:url(../images/jt.png) no-repeat right 0;width: 22px;height: 14px;left:452px;top:330px;}
.m_cp .cplst li{float: left;width: 300px;margin-right: 13px;height: 276px; position: relative;margin-bottom: 15px;overflow: hidden;}
.m_cp .cplst .lastli{margin-right: 0;}
.m_cp .cplst li img{width: 296px;height: 224px;display: block;border: 1px solid #e5e5e5;}
.m_cp .cplst li em{display: block;height: 44px;line-height: 44px;background: #fff;border:1px solid #e5e5e5;border-top: none;text-align: center;font-size: 16px;color: #333;width: 296px;}
.m_cp .cplst li:hover em{background: #1470d6;color: #fff;border:2px solid #1470d6;}
.m_cp .cplst li:hover img{border:2px solid #1470d6;}


.yous{padding-top: 64px;}
.yous h2{height: 143px;text-align: center;font-size: 46px;color: #111;font-weight: normal;position: relative;}
.yous h2 a{color: #111;}
.yous h2 em{display: block;font-size: 18px;color: #333;padding-top: 6px;}
.yous h2:before{content: "";position: absolute;width: 27px;height: 3px;left:50%;margin-left: -13px;top:105px;background: #1470d6;}


.leit{width: 100%;overflow: hidden;display: block;height:660px;}
.leit ul{width: 102%;}
.leit li{width: 25%;float: left;position: relative;height: 660px;}
.leit:before{content: "";width: 100%;height: 40px;background: #fff;left:0;top:0;position: absolute;}

.leit li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;overflow:hidden;}
.shu2{position: absolute;left: 0;bottom:0;width: 100%;padding: 1rem 0 0 0;height: 8rem;}
.shu2 i{width: 3.2rem;height: 3.5rem;display: block;margin: 0 auto;}
.shu2 i img{width: 100%;display: block;}
.shu2 span{font-size:1.2rem;color: #fff;display:block;margin:0 auto; font-weight: normal; display: block;text-align: center;}
.shu2 em{display: block;font-size: 0.9rem;color: #fff;}


.bock{width: 100%;background:rgba(20,112,214,.9); position: absolute;left: 0;bottom:0;color: #fff;opacity:0;height:6rem;padding:1rem 2% 0;box-sizing: border-box; }
.bock h3{float: left;width: 32%;position: relative;}
.bock h3:before{content: "";position: absolute;width: 1px;height: 2.6rem;background: #fff;right:8%;top:6%;}
.bock i{width: 3.2rem;height: 3.5rem;float: left;}
.bock i img{width: 100%;display: block;}
.bock span {float: left; width:65%;font-size:1.4rem;color: #fff;display:block;margin:0 auto; font-weight: normal; display: block;margin-left: 2%;}
.bock em{display: block;font-size: 0.9rem;color: #fff;}
.bock p{float: left;width: 66%;font-size: 0.9rem;color: #fff;padding-top: 0.3rem;}






/**/
.ysbj{ height:2062px;padding-top: 82px; position: relative;background: url(../images/ysbg.jpg) no-repeat center top;}
.ysbj h2{height: 147px;text-align: center;font-size: 46px;color: #111;font-weight: normal;position: relative;}
.ysbj h2 a{color: #111;}
.ysbj h2 em{display: block;font-size: 18px;color: #333;padding-top: 6px;}
.ysbj h2:before{content: "";position: absolute;width: 27px;height: 3px;left:50%;margin-left: -13px;top:105px;background: #1470d6;}

.ys{ height:auto;  position: relative; }
.ys1{width: 100%;max-width: 1920px; margin:0 auto; height: 470px; overflow: hidden;}
.ys1 dl{width: 1200px; margin:0 auto;}
.ys1 dt{width: 600px; display: block; float: left;}
.ys1 dt img{width: 640px;height: 377px; display: block;margin-left: 8px;}
.ys1 dd{width: 520px;padding-top: 60px; float: right; box-sizing: border-box;  text-align: left; position: relative;}
.ys1 dd h3{height: 104px;padding-left: 156px;padding-top: 28px;font-size: 28px;color: #1470d6;position: relative;margin-bottom: 50px;}
.ys1 dd h3:before{content: "";position: absolute;width: 520px;height: 1px;background: #d0d0d0;left:50px;top:130px;}
.ys1 dd h3 b{position: absolute;left:0;top:0;background: url(../images/ysno.png) no-repeat;width: 120px;height: 100px;padding-top: 32px;font-size: 28px;line-height: 32px;color: #504d4d;font-weight: normal;text-align: center;}
.ys1 dd h3 em{display: block;font-weight: normal;color: #111}
.ys1 dd p{line-height: 24px;font-size:16px;color: #666666; padding-left: 30px; text-align: left;background: url(../images/ysico.png) no-repeat left 7px;margin-bottom: 20px;  }
.ys1 dd p b{color: #1470d6;}


.ys2{width: 100%;max-width: 1920px; margin:-20px auto 0; height: 470px; overflow: hidden;}
.ys2 dl{width: 1200px; margin:0 auto;}
.ys2 dt{width: 600px; display: block; float: right;}
.ys2 dt img{width: 640px;height:377px; display: block;margin-right: 8px;}
.ys2 dd{padding-top: 93px;width: 540px;float: left;}
.ys2 dd h3{height: 104px;padding-left: 156px;padding-top: 28px;font-size: 28px;color: #1470d6;position: relative;margin-bottom: 50px;}
.ys2 dd h3:before{content: "";position: absolute;width: 520px;height: 1px;background: #d0d0d0;left:50px;top:130px;}
.ys2 dd h3 b{position: absolute;left:0;top:0;background: url(../images/ysno.png) no-repeat;width: 120px;height: 100px;padding-top: 32px;font-size: 28px;line-height: 32px;color: #504d4d;font-weight: normal;text-align: center;}
.ys2 dd h3 em{display: block;font-weight: normal;color: #111}
.ys2 dd p{line-height: 24px;font-size:16px;color: #666666; padding-left: 30px; text-align: left;background: url(../images/ysico.png) no-repeat left 7px;margin-bottom: 20px;  }
.ys2 dd p b{color: #1470d6;}


.ys3{width: 100%;max-width: 1920px; margin:-20px auto 0; height: 470px; overflow: hidden;}
.ys3 dl{width: 1200px; margin:0 auto;}
.ys3 dt{width: 600px; display: block; float: left;}
.ys3 dt img{width: 640px;height: 377px; display: block;margin-left: 8px;}
.ys3 dd{padding-top: 93px;width: 540px;float: right;}
.ys3 dd h3{height: 104px;padding-left: 156px;padding-top: 28px;font-size: 28px;color: #1470d6;position: relative;margin-bottom: 50px;}
.ys3 dd h3:before{content: "";position: absolute;width: 520px;height: 1px;background: #d0d0d0;left:50px;top:130px;}
.ys3 dd h3 b{position: absolute;left:0;top:0;background: url(../images/ysno.png) no-repeat;width: 120px;height: 100px;padding-top: 32px;font-size: 28px;line-height: 32px;color: #504d4d;font-weight: normal;text-align: center;}
.ys3 dd h3 em{display: block;font-weight: normal;color: #111}
.ys3 dd p{line-height: 24px;font-size:16px;color: #666666; padding-left: 30px; text-align: left;background: url(../images/ysico.png) no-repeat left 7px;margin-bottom: 20px;  }
.ys3 dd p b{color: #1470d6;}


.ys4{width: 100%;max-width: 1920px; margin:-20px auto 0; height: 470px; overflow: hidden;}
.ys4 dl{width: 1200px; margin:0 auto;}
.ys4 dt{width: 600px; display: block; float: right;}
.ys4 dt img{width: 640px;height: 377px; display: block;margin-right: 8px;}
.ys4 dd{padding-top: 93px;width: 540px;float: left;}
.ys4 dd h3{height: 104px;padding-left: 156px;padding-top: 28px;font-size: 28px;color: #1470d6;position: relative;margin-bottom: 50px;}
.ys4 dd h3:before{content: "";position: absolute;width: 520px;height: 1px;background: #d0d0d0;left:50px;top:130px;}
.ys4 dd h3 b{position: absolute;left:0;top:0;background: url(../images/ysno.png) no-repeat;width: 120px;height: 100px;padding-top: 32px;font-size: 28px;line-height: 32px;color: #504d4d;font-weight: normal;text-align: center;}
.ys4 dd h3 em{display: block;font-weight: normal;color: #111}
.ys4 dd p{line-height: 24px;font-size:16px;color: #666666; padding-left: 30px; text-align: left;background: url(../images/ysico.png) no-repeat left 7px;margin-bottom: 20px;  }
.ys4 dd p b{color: #1470d6;}

.ys1 dd li:hover img,
.ys2 dd li:hover img,
.ys3 dd li:hover img,
.ys4 dd li:hover img{transform: scale(1.1);}

.g_kf{background: url(../images/anbg.jpg) no-repeat center top;padding-top: 80px;height:700px;}
.g_kf h2{height: 155px;text-align: center;font-size: 46px;color: #fff;font-weight: normal;position: relative;}
.g_kf h2 a{color: #fff;}
.g_kf h2 em{display: block;font-size: 18px;color: #fff;padding-top: 6px;}
.g_kf h2:before{content: "";position: absolute;width: 27px;height: 3px;left:50%;margin-left: -13px;top:105px;background: #fff;}

.g_kf .kftit{margin-left: 67px;height: 120px;}
.g_kf .kftit li{float: left;position: relative;font-size: 22px;color: #111;font-weight: normal;}
.g_kf .kftit li a{color: #111;display: block;padding-left: 63px;padding-top: 40px;border-top: 6px solid #fff; margin-right: 27px;}
.g_kf .kftit li em{display: block;font-size: 12px;color: #bebebe;}
.g_kf .kftit li i{position: absolute;left:0;top:41px;width: 60px;height: 60px;overflow: hidden;}
.g_kf .kftit li:hover a,
.g_kf .kftit .cur a{color: #1470d6;border-top: 6px solid #1470d6;}
.g_kf .kftit li:hover i img,.g_kf .kftit .cur i img{margin-left: -60px;}

.m_kfc{height: 360px;margin-left: 66px;position: relative;}
.m_kfc dl{float: left;width: 347px;margin-right: 12px;}
.m_kfc dt{width: 347px;height: 260px;overflow: hidden;}
.m_kfc dt img{width: 347px;height: 260px;display: block;}
.m_kfc dd{position: relative;z-index: 11}
.m_kfc h3{position: relative;height: 48px;line-height: 48px; text-align:center;font-size: 18px;color: #000;margin-bottom: 30px;}
.m_kfc h3 a{color: #000;font-weight: normal;}
.m_kfc h3:before{content: "";position: absolute;width:347px;height: 1px;background: #e0e0e0;top:47px;}
.m_kfc h3 i{position: absolute;left:5px;top:-50px;width: 112px;height: 112px;z-index: 11}
.m_kfc h3 i img{width: 112px;height: 112px;border-radius: 50%;border:1px solid #eee;display: block;transition: all 0.3s linear 0s;}
.m_kfc dl:hover h3 i img{transform:rotate(360deg);}
.m_kfc dl:hover h3 a{color: #1470d6;font-weight: bold;}

.m_kfc p{font-size: 14px;line-height: 24px;color: #666666;}
.m_kfc span a{display: block;width: 100px;height: 28px;line-height: 28px;border:1px solid #dddddd;text-align: center;font-size: 14px;color: #888;text-transform: uppercase;margin-top: 20px;}
.m_kfc dl:hover span a{color: #1470d6;border:1px solid #1470d6;}
.kfmore a{display: block;width: 232px;height: 52px;line-height: 52px;background: #1470d6;text-align: center;font-size: 14px;color: #fff;border-radius: 30px;margin: 0 auto;}
.m_kfc{width: 1065px; padding-top:30px;}
.m_kfc .u_ljt,.m_kfc .u_rjt{ width:40px; height:36px; position: absolute; cursor:pointer;  display:block; z-index: 10;}
.m_kfc .u_ljt{left:-55px;top:115px;}
.m_kfc .u_rjt{right:-55px;top:115px;}
.m_kfc .u_ljt{ background: url(../images/ljt22.png) no-repeat -40px 0; width:40px; height:36px; display:block;}
.m_kfc .u_rjt{ background: url(../images/rjt22.png) no-repeat -40px 0; width:40px; height:36px; display:block;}
.m_kfc .u_ljt:hover,.m_kfc .rjt:hover{background-position: 0 0}




.g_jzsl{background: url(../images/slbg.jpg) no-repeat center top;height:834px;padding-top:74px;}
.g_jzsl h2{height: 138px; text-align: center;font-size: 46px;color: #111;font-weight: normal;position: relative;}
.g_jzsl h2 a{color: #111;}
.g_jzsl h2 em{display: block;font-size: 18px;color: #333;padding-top: 6px;}
.g_jzsl h2:before{content: "";position: absolute;width: 27px;height: 3px;left:50%;margin-left: -13px;top:105px;background: #1470d6;}
.g_jzsl li{position: absolute;overflow: hidden;}
.g_jzsl li img{display: block;} 
.g_jzsl li em{position: absolute;left:0;bottom: 0;width: 100%;height: 46px;line-height: 46px;background: #1470d6;text-align: center;font-size: 16px;color: #fff;display: none;}
.g_jzsl .sl01{left:0;top:0;}
.g_jzsl .sl02{left:0;top:304px;}
.g_jzsl .sl03{left:599px;top:0;}
.g_jzsl .sl04{right:0;top:0;}
.g_jzsl .sl05{right:0;top:304px;}
.g_jzsl li:hover em{display: block;}


.g_news21{padding-top:40px;height:666px;}
.g_news21 h2{height: 138px; text-align: center;font-size: 46px;color: #111;font-weight: normal;position: relative;}
.g_news21 h2 a{color: #111;}
.g_news21 h2 em{display: block;font-size: 18px;color: #333;padding-top: 6px;}
.g_news21 h2:before{content: "";position: absolute;width: 27px;height: 3px;left:50%;margin-left: -13px;top:105px;background: #1470d6;}
.g_news21 .m_newleft{float: left;width:740px;}
.g_news21 .newtit{height: 37px;margin-bottom: 19px;background: url(../images/line.png) no-repeat 120px 8px;line-height: 37px; position: relative;}
.g_news21 .newtit li{float: left;margin-right: 55px;position: relative;padding-left: 20px;font-size: 18px;color: #595959;line-height: 37px;}
.g_news21 .newtit li a{color: #595959;}
.g_news21 .newtit:before{content: "";position: absolute;width: 3px;height: 25px;background: #1470d6;left:0;top:7px;}
.g_news21 .newtit .on a{color: #1470d6;font-weight: bold;}

.g_news21 .newlup{height: 189px;}
.g_news21 .m_newleft .dttj{height: 164px;background: #f6f6fa;}
.g_news21 .m_newleft .dttj dt{float: left;width: 292px;height: 164px;overflow: hidden;}
.g_news21 .m_newleft .dttj dt img{width: 292px;height: 164px;display: block;transition: all 0.3s linear 0s;}
.g_news21 .m_newleft .dttj dt:hover img{transform: scale(1.1);}
.g_news21 .m_newleft .dttj dd{float: left;padding: 28px 0 0 30px;width: 382px;}
.g_news21 .m_newleft .dttj h3 a{display: block;height: 34px;line-height: 34px;padding-left: 78px; position: relative;font-size:20px;color: #333;margin-bottom: 15px;font-weight: normal;}
.g_news21 .m_newleft .dttj h3 em{position: absolute;left:0;top:0;width: 60px;height: 30px;line-height: 30px;background: #1470d6;text-align: center;font-size: 18px;color: #fff;}
.g_news21 .m_newleft .dttj p{font-size: 14px;line-height: 24px;overflow: hidden;color: #808080;}
.g_news21 .m_newleft .dttj p a{color: #1470d6;}

.g_news21 .newld li{padding-left: 38px;height: 48px;line-height: 48px;padding-left: 32px;  font-size: 15px;color: #666666;background:url(../images/ysico.png) no-repeat 0 15px;border-bottom: 1px dashed #cdcccc;}
.g_news21 .newld li a{color: #666666}
.g_news21 .newld li span{color: #999999;}
.g_news21 .newld li:hover a,.g_news21 .newld li:hover span{font-weight: bold;}
.g_news21 .newwd{width:378px;float: right;background:url(../images/wdbg.jpg) no-repeat;height: 429px;padding: 25px 0 0 27px;}
.g_news21 .newwd h3{line-height: 34px;font-size: 22px;color: #333;font-weight: normal;margin-bottom: 16px;}
.g_news21 .newwd h3 em{font-size: 18px;color: #999}


.g_news21 .wdtj{height: 266px;}
.g_news21 .wdtj dt{width: 352px;height: 176px;overflow: hidden;margin-bottom: 9px;}
.g_news21 .wdtj dt img{width: 352px;height: 176px;display: block;transition: all 0.3s linear 0s;}
.g_news21 .wdtj dt:hover img{transform: scale(1.1);}
.g_news21 .wdtj h4 a{display: block;height: 28px;line-height: 28px;font-size: 16px;color: #333;font-weight: normal;}
.g_news21 .wdtj p{font-size: 14px;line-height: 24px;height: 24px;overflow: hidden;color: #737373;}


.g_news21 .wdlst li{height: 30px;line-height: 30px;font-size: 14px;color: #666666;position: relative;}
.g_news21 .wdlst li a{color: #666666}
.g_news21 .wdlst li a:hover{color: #1470d6;}



/* 走进 */
.g_zj{padding-bottom: 80px;}
.g_zj h2{height: 138px; text-align: center;font-size: 46px;color: #111;font-weight: normal;position: relative;}
.g_zj h2 a{color: #111;}
.g_zj h2 em{display: block;font-size: 18px;color: #333;padding-top: 6px;}
.g_zj h2:before{content: "";position: absolute;width: 27px;height: 3px;left:50%;margin-left: -13px;top:105px;background: #1470d6;} 
.g_zj dt{width: 100%;margin-bottom: 30px;}
.g_zj dt img{width: 100%;display: block;}
.g_zj h3 a{display: block;line-height: 60px;width: 310px;height: 56px;line-height: 56px;margin: 0 auto;text-align: center;font-size: 20px;font-weight: bold;color: #1470d6;margin-bottom: 12px;}
.g_zj p{font-size: 14px;line-height: 24px;color: #666;padding: 0 30px;text-align: ;width: 1140px;margin: 0 auto;height: 44px;}


.g_zs2{height:240px;}
.zz{width:1200px; height:240px;  position:relative;}

.zz ul{float: left;width: 200px;}
.zz ul li{width: 120px; height:58px;line-height: 58px;margin-bottom: 1px; font-size: 20px;color: #333;padding-left: 80px;background: #eaeaea;position: relative;}
.zz ul li:before{content: "";position: absolute;background: url(../images/xcjt.png) no-repeat;width: 10px;height: 26px;right: -10px;top:18px;display: none;}
.zz ul li i{position: absolute;left:38px;top:15px;width: 30px;height: 30px;overflow: hidden;}
.zz ul li a{display: block;height:58px;line-height: 58px;color: #333;}
.zz ul .cur:before{display: block;}
.zz ul li:hover,.zz ul li.cur{background: #1470d6;}
.zz ul li:hover a,.zz ul li.cur a{color: #fff;font-weight: bold;}
.zz ul li:hover i img,.zz ul .cur i img{margin-left: -30px;}

.zz-s{float:right;width:983px; height:237px; overflow:hidden;}
.zz-s ol li{position: relative; float:left; width:319px; margin-right:13px; *display:inline;background: none;padding: 0}
.zz-s ol li.no{margin:0;}
.zz-s ol li img{width:319px; height:237px; display: block;transition: all 0.3s linear 0s;}
.zz-s ol li:hover img{transform: scale(1.03);}
.zz-s ol li em{position: absolute;left:0;bottom: 0; display: none;width: 254px;line-height: 40px;line-height: 40px;background: rgba(0,0,0,.7); font-size: 16px;color: #fff;padding: 0 40px 0 25px;}
.zz-s ol li em:before{content: "";position: absolute; background: url(../images/xcico.png) no-repeat;width: 16px;height: 16px;right: 27px;top:13px;display: block;}
.zz-s ol li:hover em{display: block;}


.zz-s .zslst li{width:178px;height:237px;margin-right:66px;}
.zz-s .zslst li img{width:178px;height:237px;display:block;}
.zz-s .zslst li em{width:178px;font-size:14px;padding:0;text-align:center;}
.zz-s .zslst li em:before{background:none;}






/* 友情链接 */
.g_link{position: relative;margin-top: -50px; width: 1200px; margin-left: -600px;left:50%;}
.g_link .content{width: 420px;margin: 0 auto; float: left;}
.link_c{ overflow:hidden;width: 420px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 10px;float: left; color:#fff;display: block;}
.link_c a:hover{color: #fff;}










html {font-size: 10px;-webkit-text-size-adjust: none;}
@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;}}