﻿@charset "utf-8";
.g_pp{padding-top: 76px;height: 676px;}
.g_pp h2{height: 74px;text-align: center;font-size: 44px;color: #333;font-weight: normal;}
.g_pp p{font-size: 14px;color: #666666;text-align: center;height: 53px;}
.g_pp ul{float: left;width: 270px;background:url(../images/ppbg1.jpg) no-repeat;height: 490px;}
.g_pp li{height: 118px;padding-left: 36px;background:url(../images/ppico1.png) no-repeat 0 15px;}
.g_pp li em{display: block;font-size: 50px;color: #333333;line-height: 50px;}
.g_pp li span{display: block;font-size: 18px;color: #333333;}
.g_pp li:hover{background:url(../images/ppico2.png) no-repeat 0 15px;}
.g_pp li:hover em,.g_pp li:hover span{color: #0044a5}
.g_pp .video{float: right;width: 900px;height: 446px;overflow: hidden;}
.g_pp .video img{width: 900px;height: 446px;display: block;}


.g_pro{padding-top: 86px;height: 1120px; background: #e5e5e5;}
.g_pro h2 a{display: block;height: 122px;text-align: center;font-size: 50px;color: #333333;font-weight: normal;}
.g_pro h2 em{display: block;font-size: 20px;color: #666;padding-top: 5px;}
.g_pro .m_fl{height: 628px;}
.g_pro .flhd{background: #333333; height: 60px;margin-bottom: 20px;}
.g_pro .flhd li{float: left;transition: all 0.3s linear 0s;position: relative;}
.g_pro .flhd li a{font-size: 16px;color: #fff;display: block;width: 200px;height: 60px;line-height: 60px;text-align: center;	 }
.g_pro .flhd li a:hover b,.g_pro .flhd .on b{color: #fff;font-weight: bold;}
.g_pro .flhd li b{z-index: 12;position: relative;}
.g_pro .flhd li span{position: absolute;left:0;top:0;width: 200px;height: 60px;transform: skewX(-25deg);}
.g_pro .flhd li:nth-child(1) span{transform: skewX(0);}
.g_pro .flhd li:nth-child(6) span{transform: skewX(0);}
.g_pro .flhd li a:hover span,.g_pro .flhd .on span{background: #0048af;color: #fff;font-weight: bold;}




.flbd dl{background: #fff;height: 529px;}
.flbd dt{float: left;width: 702px;height: 529px;overflow: hidden;border-right:1px solid #ccc; }
.flbd dt img{width: 702px;height: 529px;display: block;transition: all 0.3s linear 0s;}
.flbd dt:hover img{transform: scale(1.1);}


.flbd dd{background: #fff;padding: 60px 60px 0;height: 445px;float: left;width:372px;}
.flbd h3 a{display: block;height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea; font-size: 28px;color: #0044a5;font-weight: bold;margin-bottom: 22px;transition:all 0.5s ease-in-out;}
.flbd h3 a:hover{transform:translateX(10px)}
.flbd p{font-size: 14px;line-height: 28px;color: #666666;margin-bottom: 22px;height: 84px;overflow: hidden;}
.flbd span a{display: block;width: 140px;height: 40px;line-height: 40px;background: #ededed;border-radius: 50px;text-align: center;font-size: 14px;color: #333;font-weight: bold;margin-bottom: 46px;position: relative;z-index: 1}
.flbd span a:before{content: "";position: absolute;z-index:-1;width:0;height:40px;top: 0;left: 0;-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.flbd span a:hover{color: #fff;}
.flbd span a:hover:before{width: 140px;background:#0044a5;color: #fff;border-radius: 50px;height: 40px;line-height: 40px;}


.flwz{border-top:1px solid #eaeaea;padding-top: 30px;}
.flwz h4{line-height:34px;font-size: 14px;color: #333333;}
.flwz em{font-size: 14px;color: #666666;display: block;}
.m_cp li{float: left;width: 286px;margin-right: 16px;transition: all 0.3s linear 0s;}
.m_cp li img{width: 286px;height: 215px;display: block;}
.m_cp li h4{display: block;width: 286px;height: 50px;line-height: 50px;font-size: 14px;color: #333333;background:#ededed;text-align: center;}
.m_cp li:hover h4{color: #fff;background: #0044a5}
.m_cp li:hover{transform: translateY(-5px);}



/**/
.ysbj{ height:2414px;padding-top: 94px; position: relative;background: url(../images/ystit.jpg) no-repeat center top; overflow: hidden;}
.ysbj h2{display: block;height: 247px;text-align: center;font-size: 50px;color: #fff;font-weight: normal;}
.ysbj h2 em{display: block;font-size: 20px;color: #a2b2d5;padding-top: 5px;}
.ys{ height:auto;  position: relative; }
.ys1{width: 100%;max-width: 1920px; margin:0 auto; height: 520px; overflow: hidden;}
.ys1 dl{width: 1200px; margin:0 auto;}
.ys1 dt{width: 600px; display: block; float: left;}
.ys1 dt img{width: 960px;height: 520px; display: block;margin-left: -360px;transition: all 0.3s linear 0s;}
.ys1 dt:hover img{transform: scale(1.03);}
.ys2 dt:hover img{transform: scale(1.03);}
.ys3 dt:hover img{transform: scale(1.03);}
.ys4 dt:hover img{transform: scale(1.03);}

.ys1 dd{width: 520px;padding-top: 52px; float: right; box-sizing: border-box;  text-align: left; position: relative;}
.ys1 dd h3{height: 160px;font-size: 48px;color: #222;transition:all 0.5s ease-in-out;}
.ys1 dd h3:hover{transform:translateX(10px);}
.ys1 dd h3 em{display: inline-block;font-size: 36px;color: #d1d1d1;text-transform: uppercase;font-weight: normal;}
.ys1 dd h3 span{display: block;width: 500px;height: 50px;line-height: 50px;background: #0044a5;border-radius: 50px;text-align: center;font-size: 28px;color: #fff;font-weight: normal;margin-top: 15px;}
.ys1 dd p{line-height: 32px;font-size:16px;color: #666666; padding-left: 15px; text-align: left;background: url(../images/ysico.png) no-repeat left 13px; }

.ys1 dd ul{clear: both; overflow: hidden;margin-top: 25px;}
.ys1 dd li{width: 242px; float: left;margin-right: 13px;overflow: hidden;}
.ys1 dd li img{width: 242px; height: 122px; display: block;transition: all 0.3s linear 0s;}
.ys1 dd li:nth-child(2n){margin-right: 0;}


.ys2{width: 100%;max-width: 1920px; margin:0 auto; height: 520px; overflow: hidden;}
.ys2 dl{width: 1200px; margin:0 auto;}
.ys2 dt{width: 600px; display: block; float: right;}
.ys2 dt img{width: 960px;height: 520px; display: block;margin-right: -360px;transition: all 0.3s linear 0s;}
.ys2 dd{width: 530px;padding-top: 52px; float: left; box-sizing: border-box;  text-align: left; position: relative;}
.ys2 dd h3{height: 160px;font-size: 48px;color: #222;transition:all 0.5s ease-in-out;}
.ys2 dd h3:hover{transform:translateX(10px);}
.ys2 dd h3 em{display: inline-block;font-size: 36px;color: #d1d1d1;text-transform: uppercase;font-weight: normal;}
.ys2 dd h3 span{display: block;width: 500px;height: 50px;line-height: 50px;background: #0044a5;border-radius: 50px;text-align: center;font-size: 28px;color: #fff;font-weight: normal;margin-top: 15px;}
.ys2 dd p{line-height: 32px;font-size:16px;color: #666666; padding-left: 15px; text-align: left;background: url(../images/ysico.png) no-repeat left 13px; }

.ys2 dd ul{clear: both; overflow: hidden;margin-top: 25px;}
.ys2 dd li{width: 242px; float: left;margin-right: 13px;overflow: hidden;}
.ys2 dd li img{width: 242px; height: 122px; display: block;transition: all 0.3s linear 0s;}
.ys2 dd li:nth-child(2n){margin-right: 0;}



.ys3{width: 100%;max-width: 1920px; margin:0 auto; height: 520px; overflow: hidden;}
.ys3 dl{width: 1200px; margin:0 auto;}
.ys3 dt{width: 600px; display: block; float: left;}
.ys3 dt img{width: 960px;height: 520px; display: block;margin-left: -360px;transition: all 0.3s linear 0s;}
.ys3 dd{width: 520px;padding-top: 52px; float: right; box-sizing: border-box;  text-align: left; position: relative;}
.ys3 dd h3{height: 160px;font-size: 48px;color: #222;transition:all 0.5s ease-in-out;}
.ys3 dd h3:hover{transform:translateX(10px);}
.ys3 dd h3 em{display: inline-block;font-size: 36px;color: #d1d1d1;text-transform: uppercase;font-weight: normal;}
.ys3 dd h3 span{display: block;width: 500px;height: 50px;line-height: 50px;background: #0044a5;border-radius: 50px;text-align: center;font-size: 28px;color: #fff;font-weight: normal;margin-top: 15px;}
.ys3 dd p{line-height: 32px;font-size:16px;color: #666666; padding-left: 15px; text-align: left;background: url(../images/ysico.png) no-repeat left 13px; }

.ys3 dd ul{clear: both; overflow: hidden;margin-top: 25px;}
.ys3 dd li{width: 242px; float: left;margin-right: 13px;overflow: hidden;}
.ys3 dd li img{width: 242px; height: 122px; display: block;transition: all 0.3s linear 0s;}
.ys3 dd li:nth-child(2n){margin-right: 0;}


.ys4{width: 100%;max-width: 1920px; margin:0 auto; height: 520px; overflow: hidden;}
.ys4 dl{width: 1200px; margin:0 auto;}
.ys4 dt{width: 600px; display: block; float: right;}
.ys4 dt img{width: 960px;height: 520px; display: block;margin-right: -360px;transition: all 0.3s linear 0s;}
.ys4 dd{width: 530px;padding-top: 52px; float: left; box-sizing: border-box;  text-align: left; position: relative;}
.ys4 dd h3{height: 160px;font-size: 48px;color: #222;transition:all 0.5s ease-in-out;}
.ys4 dd h3:hover{transform:translateX(10px);}
.ys4 dd h3 em{display: inline-block;font-size: 36px;color: #d1d1d1;text-transform: uppercase;font-weight: normal;}
.ys4 dd h3 span{display: block;width: 500px;height: 50px;line-height: 50px;background: #0044a5;border-radius: 50px;text-align: center;font-size: 28px;color: #fff;font-weight: normal;margin-top: 15px;}
.ys4 dd p{line-height: 32px;font-size:16px;color: #666666; padding-left: 15px; text-align: left;background: url(../images/ysico.png) no-repeat left 13px; }

.ys4 dd ul{clear: both; overflow: hidden;margin-top: 25px;}
.ys4 dd li{width: 242px; float: left;margin-right: 13px;overflow: hidden;}
.ys4 dd li img{width: 242px; height: 122px; display: block;transition: all 0.3s linear 0s;}
.ys4 dd li:nth-child(2n){margin-right: 0;}

.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_cho{background: url(../images/hzbg.jpg) no-repeat center top;height: 378px;padding-top: 90px;}
.g_cho h2{display: block;height: 142px;text-align: center;font-size: 50px;color: #fff;font-weight: bold;}
.g_cho h2 a{color: #fff;}
.g_cho h2 em{display: block;font-size: 20px;color: #a2b2d5;padding-top: 5px;font-weight: normal;}
.g_cho li{float: left;width: 230px;margin-right: 12px;position: relative;transition: all 0.3s linear 0s;}
.g_cho li img{width:230px;height:115px;display:block;}
.g_cho li i{position: absolute;left:0;top:112px;height: 3px;background: #3e9dff;width: 230px;display: none;}
.g_cho li em{display: block;width: 230px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;}
.g_cho li:hover i{display: block;}
.g_cho li:hover{transform: translateY(-5px);	}
.g_cho .u_ljt{position: absolute;left:-45px;top:200px;background:url(../images/jt.png) no-repeat;width: 30px;height: 20px;}
.g_cho .u_rjt{position: absolute;right:-45px;top:200px;background:url(../images/jt.png) no-repeat right 0;width: 30px;height: 20px;}

.g_an{background: #e5e5e5;padding-top: 87px;height: 740px;}
.g_an h2{display: block;height: 152px;text-align: center;font-size: 50px;color: #333333;font-weight: bold;}
.g_an h2 a{color: #333333;}
.g_an h2 em{display: block;font-size: 20px;color: #666666;padding-top: 5px;font-weight: normal;}
.g_an .anhd{float: left;width: 324px;margin-top: 22px;}
.g_an .anhd li{float: left;width: 108px;height: 417px;position: relative;}
.g_an .anhd li em{position: absolute;left:0;top:0;width: 108px;height: 417px;background: rgb(0,0,0,.5);}
.g_an .anhd .on em{background:none;}
.g_an .anbd{float: left;width:876px; }
.g_an .anbd dt{float: left;width: 600px;height: 450px;overflow: hidden;}
.g_an .anbd dt img{width: 600px;height: 450px;display: block;transition: all 0.3s linear 0s;}
.g_an .anbd dt:hover img{transform: scale(1.1);}

.g_an .anbd dd{float: left;margin-top: 26px;border: 2px solid #ccc;height: 348px;padding: 47px 14px 0 30px;width: 230px;border-left: none;position: relative;}
.g_an .anbd h3 a{display: block;height: 96px;font-weight: normal;font-size: 28px;color: #261712;}
.g_an .anbd h3 a:hover{color: #0044a5;}

.g_an .anbd h3 em{display: block;font-size: 15px;color: #666666;padding-top: 10px;}
.g_an .anbd p{font-size: 14px;line-height: 28px;color: #666666;}
.g_an .anbd span{position: absolute;left:32px;top:371px;width: 200px;height: 50px;line-height: 50px;background: #0044a5;text-align: center;font-size: 20px;color: #fff;}
.g_an .anbd span a{color: #fff;}

.g_lc{background:url(../images/lcbg.jpg) repeat-x center top;padding-top: 73px;height: 689px}
.g_lc h2{display: block;height: 122px;text-align: center;font-size: 50px;color: #333333;font-weight: bold;}
.g_lc h2 a{color: #333333;}
.g_lc h2 em{display: block;font-size: 20px;color: #666666;padding-top: 5px;font-weight: normal;}
.m_lc{height: 448px;}
.g_lc dl{float: left;width: 188px;margin-right: 14px;position: relative;transition: all 0.3s linear 0s;}
.g_lc .lastdl{margin-right: 0;}
.g_lc dt{width: 188px;height: 262px;}
.g_lc dt img{width: 188px;height: 262px;display: block;transition: all 0.3s linear 0s;}
.g_lc dl:hover dt img{transform: scale(1.03);}
.g_lc dd{position: absolute;left:0;top:222px;text-align: center;width: 188px;}
.g_lc i{display: block;background:url(../images/lcbg1.png) no-repeat;width: 82px;height: 82px;margin: 0 auto;}
.g_lc i img{transition: all 0.3s linear 0s;}   

.g_lc em{display: block;line-height: 36px;font-size:20px;color: #333333; }
.g_lc span{display: block;line-height: 22px;font-size:12px;color: #666666;padding-bottom: 36px;}
.g_lc b{display: block;width: 40px;height: 40px;line-height: 40px;background: #fff;border-radius: 50%;text-align: center;font-size: 18px;color: #ccc;margin: 0 auto;}
.lctel{margin-left: 414px;background:url(../images/lctel.png) no-repeat 0 8px;line-height: 36px; padding-left: 32px;}
.lctel span{font-size: 36px;color: #0044a5;float: left;line-height: 36px;}
.lctel em{float: left;line-height: 36px;font-size: 14px;color: #666666}
.g_lc dl:hover i{background:url(../images/lcbg2.png) no-repeat;}
.g_lc dl:hover span{background:url(../images/lcjt.png) no-repeat 80px 30px;}
.g_lc dl:hover b{color: #0044a5}
.g_lc dl:hover{ transform: translateY(-10px);}
.g_lc dl:hover i img{transform:rotate(360deg);}



.g_news24{background:#e5e5e5;height: 700px;padding-top: 130px;overflow: hidden;border-top:6px solid #0044a5; }
.g_news24 h2{display: block;height: 122px;text-align: center;font-size: 50px;color: #333333;font-weight: bold;}
.g_news24 h2 a{color: #333333;}
.g_news24 h2 em{display: block;font-size: 20px;color: #666666;padding-top: 5px;font-weight: normal;}
.g_news24 .newhd{margin: 0 0 0 430px;height: 70px;}
.g_news24 .newhd li{float: left;width:160px;height: 40px;line-height: 40px;border: 2px solid #959595;border-radius: 50px; text-align: center;font-size: 16px;color: #666666;margin-right: 14px;}
.g_news24 .newhd li a{color: #666666;}
.g_news24 .newhd .on{color: #fff;background: #0044a5;border:2px solid #0044a5 }
.g_news24 .newhd .on a{color: #fff;}


.g_news24 .newtjleft{float: left;width: 590px;}
.newfl{width: 590px;height: 332px;display: block;overflow: hidden;margin-bottom: 22px;}
.newfl img{width: 590px;height: 332px;display: block;transition: all 0.3s linear 0s;}
.newfl:hover img{transform: scale(1.1);}

.newtjleft h3 a{display: block;height: 32px;line-height: 32px;font-size: 16px;color: #333333;font-weight: normal;margin-bottom: 15px;overflow: hidden; position: relative;padding-left: 100px;}
.newtjleft h3 a:hover{color: #0044a5;}

.newtjleft h3 em{position: absolute;left:0;top:0;width: 80px;height: 32px;line-height: 32px;background: #0044a5;border-radius: 50px;text-align: center;font-size: 16px;color: #fff;}
.newtjleft p{font-size: 14px;line-height: 26px;color: #666666;height: 52px;overflow: hidden;}

.g_news24 .newr{float: right;width: 590px;height: 470px;overflow: hidden;}
.g_news24 .newr dl{height: 142px;border-bottom: 1px solid #d7d7d7;margin-bottom: 22px;}
.g_news24 .newr dt{float: left;width: 200px;height: 113px; overflow: hidden; }
.g_news24 .newr dt img{width: 200px;height: 113px;display: block;transition: all 0.3s linear 0s;}
.g_news24 .newr dt:hover img{transform: scale(1.1);}

.g_news24 .newr dd{float: right;width: 360px;}
.g_news24 .newr h4 a{display: block;font-size: 16px;line-height: 40px;color: #333333;height: 40px;overflow: hidden;}
.g_news24 .newr h4 a:hover{color: #0044a5;}
.g_news24 .newr p{font-size: 14px;line-height: 30px;color: #666666;margin-bottom: 18px;height: 30px;overflow: hidden;}
.g_news24 .newr span{display: block;font-size: 14px;color: #666666;background:url(../images/newico.png) no-repeat right 5px;line-height: 24px; }




/* 走进 */
.g_zj{height: 1200px;padding-top: 93px; background:url(../images/abbg.jpg) no-repeat center top;}
.g_zj h2{display: block;height: 120px;text-align: center;font-size: 50px;color: #fff;font-weight: bold;}
.g_zj h2 a{color: #fff;}
.g_zj h2 em{display: block;font-size: 20px;color: #a5b4d3;padding-top: 5px;font-weight: normal;}
.g_zj .u_dlst1 {height: 689px;}
.g_zj .u_dlst1 dt{width: 1200px;height: 556px;overflow: hidden;margin-bottom: 20px;}
.g_zj .u_dlst1 dt img{width: 1200px;height: 556px;display: block;}
.g_zj p{font-size: 14px;line-height: 28px;color: #666666;text-align: center;}
.g_zj p a{color: #073f89;}

.g_zs2{height:300px;}
.zz{width:1200px; height:300px; margin:0 auto; position:relative;}
.zz ul{height:46px; background:url(../images/xctit.jpg) no-repeat;padding-left: 420px; margin-bottom: 18px;}
.zz ul li{float:left;width: 122px;}
.zz ul li a{display:inline-block; width:122px;height:38px; line-height: 38px; font-size: 16px; color:#333333;text-decoration: none; text-align: center;position: relative;}
.zz ul li a:hover,.zz ul li.cur a{color: #fff; background: #073f89;position: relative;border-radius: 50px;}

.zz_box{ position: relative;}
.zz_box .ljt,.zz_box .rjt{ width:36px; height:263px; position: absolute; cursor:pointer;  display:block; z-index: 10;}
.zz_box .ljt{left:-40px;top:66px;}
.zz_box .rjt{right:-50px;top:66px;}
.zz_box .ljt a{ background: url(../images/jt2.png) no-repeat; width:20px; height:36px; display:block;}
.zz_box .rjt a{ background: url(../images/jt2.png) no-repeat right 0; width:20px; height:36px; display:block;}

.zz-s ol li{position: relative; float:left; width:289px; height: 220px; overflow: hidden; margin-right:15px; *display:inline;background: none;padding: 0;transition: all 0.3s linear 0s;}
.zz-s ol li.no{margin:0;}
.zz-s ol li img{width:289px; height:163px; display: block;transition: all 0.3s linear 0s;}
.zz-s ol li em{display: block; width: 289px;line-height: 60px; text-align: center;font-size: 14px;color: #666666; position: absolute;bottom: 0;transition: all 0.4s ease 0s;}
.zz-s ol li:hover img{transform: scale(1.1);}






/* 友情链接 */
.g_link{position: relative;margin-top: -70px; width: 1200px; margin-left: -600px;left:50%;}
.g_link .content{width: 740px;margin: 0 0 0 0; }
.link_c{ overflow:hidden;width: 740px; font-size: 14px;padding-left:130px;}
.link_c a{ white-space:nowrap;padding-right: 66px; float: left; color:#fff;display: block;}
.link_c a:hover{color: #fff;}
.g_link h2{font-size:16px;color:#fff;}
