
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
/**/
.guay{background:#f1f3f7; height: 374px; overflow: hidden; margin-bottom:95px; padding-top: 130px;}
.guay dl dt{ float: right; padding: 13px 0 0 13px;background: url(../image/a_bg.jpg) no-repeat; overflow: hidden;}
.guay dl dd{ float: left; width: 675px;}
.guay dl dd h3{ line-height: 100%; color: #3b468c; font-size: 40px; padding-bottom: 35px;}
.guay dl dd p{ color: #434343; font-size: 14px; line-height: 24px; height: 119px;}
.guay dl dd h4{ overflow: hidden;}
.guay dl dd h4 em{ display: inline-block; float: left; padding-right: 42px; color: #a0a0a0; font-size: 16px;}
.guay dl dd h4 em i{ color: #3b468c; font-size: 48px; font-family: Agency FB; position: relative;}
.guay dl dd h4 em i span{ display: inline-block; position: absolute; font-size: 36px; line-height: 100%; }
/**/
.pro{height: 537px;background: url(../image/p_bg1.jpg) no-repeat center bottom;}
.pro h2{ text-align: center; line-height: 100%; color: #3b468c; font-size: 40px; padding-bottom: 75px;background: url(../image/h21.png) no-repeat center 56px;}
.pro dl{ overflow: hidden;}
.pro dl dt{ float: left; padding-top: 42px; width: 600px; height: 338px;}
.pro dl dd{ float: right; width: 439px; padding:74px 95px 0 0; color: #fff;}
.pro dl dd h3{ height: 133px;font-family: "微软雅黑";}
.pro dl dd h3 a{ display: block; color: #f7ae40; font-size: 16px;}
.pro dl dd h3 span{ display: block; font-size: 32px; color: #fff; line-height: 100%; padding-bottom: 11px;}
.pro dl dd h4{ padding-left: 20px; font-size: 16px;background: url(../image/p_hot.png) no-repeat 0 2px; margin-bottom: 13px;}
.pro dl dd p{ height: 79px;}
.pro dl dd p a{ color: #fff; font-size: 14px; display: inline-block; float: left; border-right: 1px solid #bfbfbf;width: 130px; margin-right: 18px;}
.pro dl dd p a:nth-child(3n){ }
.pro dl dd p a:nth-child(1),.pro dl dd p a:nth-child(2)
    /**/
.pro3{ height:422px;}
.pro3 dl dd{ padding-top: 80px;}
.pro3 dl dt{ padding-top: 45px;}

.pro2{background: url(../image/p_bg2.jpg) no-repeat center 0; height: 436px; padding-top: 95px;}
.pro2 dl dt{ float: right; padding-top: 1px;}
.pro2 dl dd{ padding-right: 0; float: left; padding-left: 98px; padding-top: 45px;    width: 489px;}
.pro2 dl dd h3{ text-align: right; margin-right: 55px;}
.pro2 dl dd h3 span{ color: #3b468c;}
.pro2 dl dd h4{ text-align: right; color: #535353; padding-right: 20px;background: url(../image/p_hot.png) no-repeat right 2px;margin-right: 55px;}
.pro2 dl dd h5{ text-align: right;margin-right: 55px;}
.pro2 dl dd p{ overflow: hidden;white-space: nowrap; margin-left: 0px;}
.pro2 dl dd p a{ color: #7d7d7d;border-left:none; border-right: none;}
.pro2 dl dd p a:first-child{ border-left: none;}
.pro2 dl dd p a:nth-child(4){ }
.pro2 dl dd p a:nth-child(5){}
    /**/
.peit{ height: auto; overflow: hidden;}
.peit h3{ text-align: center; line-height: 100%; height: 95px;}
.peit h3 a{ display: block; color: #3b468c; font-size: 36px; line-height: 100%;}
.peit ul{ overflow: hidden;}
.peit ul li{ float: left; width: 224px; margin-right: 10px; text-align: center; overflow: hidden; position: relative;}
.peit ul li i{ display: block;  color: #434343; font-size: 18px; padding-top: 18px;}
.peit ul li img{ width: 224px; height: 126px;}
.peit ul li:hover i{font-weight: bold;}
.peit ul li:hover span{ display: inline-block; position: absolute; left: 0; top: 0; width: 224px; height: 126px;background: url(../image/p_mk.png) no-repeat;}
/**/
.fw{ height: 975px;background: url(../image/ts.jpg) no-repeat center 0; padding-top: 98px; box-sizing: border-box; /*margin-bottom: 99px;*/}
.fw h2{ text-align: center; line-height: 100%; color: #fff; font-size: 40px; padding-bottom: 75px;background: url(../image/h21.png) no-repeat center 56px;}
.fw_on{ overflow: hidden; height: 532px;}
.fw_on ul li{ position: relative; height: 532px;}
.fw_on ul li strong{ display: inline-block; position: absolute; top:108px; left: 41px; background: rgba(255, 255, 255, 0.85); padding:70px 60px; width: 330px;}
.fw_on ul li i{ display: block; color: #3b468c; font-size: 26px; font-weight: bold;}
.fw_on ul li i span{ display: block; color: #fda807; font-family: Impact;font-weight: normal; font-size: 46px; height: 35px; overflow: hidden;}
.fw_on ul li em{ display: block; color: #535353; font-size: 14px; line-height: 28px; padding-top: 14px; height: 95px;}

.fw_on ul li img{transition: all 0.3s linear 0s;}
.fw_on ul li:hover img{transform: scale(1.02);}
.f_li{ overflow: hidden; border: 2px solid #dcdcdc; border-top: none; background: #fff;}
.f_li ul li{ float: left; width: 296px; text-align: center; padding-top: 25px; height: 76px; border-left:  2px solid #e5e5e5;cursor: pointer;}
.f_li ul li:first-child{ border-left: none;}
.f_li ul li em{ display: block; font-size: 20px; color: #313131;}
.f_li ul li i{display: block; color: #d2d2d2; font-family: Impact;font-weight: normal; font-size: 46px; height:29px; overflow: hidden; line-height: 100%; margin-bottom:2px;}
.f_li ul li.on{ background:  url(../image/ts_cur.jpg) no-repeat; }
.f_li ul li.on i{color: #f7ae40;}
.f_li ul li.on em{ color: #fff;font-weight: bold;}
/**/
.keh{ position: relative; height: 666px;}
.keh h2{ text-align: center; line-height: 100%; color: #3b468c; font-size: 40px; padding-bottom:81px;background: url(../image/h21.png) no-repeat center 56px;}
.k_u{ position: absolute; left: -77px; top: 265px; z-index: 5;}
.k_d{ position: absolute; right: -77px; top: 265px; z-index: 5;}
.keh ul{ overflow: hidden; height: 400px;}
.keh ul li{ float: left; width: 386px;height: 360px; margin: 0 8px; overflow: hidden;animation: spin 2s linear infinite;}
.keh ul li i{ display: block; height: 53px; line-height: 60px; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #313131;background: url(../image/fw_m2.png) no-repeat 348px 20px; padding: 0 11px;}
.keh ul li img{ width: 386px; height: 217px;}
.keh ul li span{ display: block; color: #7d7d7d; font-size: 14px; line-height: 24px; padding:10px 13px 0; line-height: 24px;}
.keh ul li:hover{ background: #3b468c;}
.keh ul li:hover i{ border-bottom: 1px solid #5d68b0; color: #fff;background: url(../image/fw_m.png) no-repeat 348px 20px;}
.keh ul li:hover  span{ color: #fff;}
.keh ul li:hover img{ box-sizing: border-box; padding: 11px; display: inline-block; width: 100%;}
.keh h4{width: 118px; height: 39px; line-height: 39px; margin: 0 auto;background:  url(../image/fw_m.jpg) no-repeat;}
.keh h4 a{ display: block; padding-left: 23px; color: #1dc2b8; font-size: 14px;}
/**/
.news{height:703px;background:#f1f3f7; padding-top: 89px;}
.news h2{ text-align: center; line-height: 100%; color: #3b468c; font-size: 40px; padding-bottom:81px;background: url(../image/h21.png) no-repeat center 56px;}
.dongt{float:left;width:550px;}
.dongt .tit{height:39px;line-height: 39px;font-size:20px;border-bottom:1px solid #e5e5e5; overflow: hidden;}
.dongt .tit a {color: #313131}
.dongt .tit img {vertical-align: middle;padding-left:8px;}
 .tit span{ display: inline-block; float: right; padding-top: 2px;}
 .tit span a{ color: #7d7d7d; font-size: 14px;}
.dongt dl{height: 140px;overflow: hidden;padding-top:30px;}
.dongt dt{font-size:0;line-height: 0;float:left;overflow: hidden;width:249px;}
.dongt dt img {width:249px;height: 140px;transition: all 1s}
.dongt dl:hover dt img {transform: scale(1.1);}
.dongt dd {float:right;width:278px;}
.dongt dd h4 a {display: block;height: 26px;font-size:16px;color: #1b1b1b;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dd h4 a:hover{ text-decoration: underline;}
.dongt dd p {font-size:14px;color: #7d7d7d;line-height: 25px;height: 90px}
.dongt dd em a{display: block;width:22px;height: 22px;background: url(../image/dt_ico2.jpg
) no-repeat left center;}
.dongt dl:hover dd em a{background: url(../image/dt_ico2_hv.jpg) no-repeat left center;}
.dongt ul{height: 170px;border:1px solid #dcdcdc;padding:20px 40px 0 30px;margin-top:17px;box-sizing: border-box;}
.dongt li {padding-left:14px;height: 30px;line-height: 30px;background: url(../image/dt_ico3.jpg) no-repeat left center;font-size:14px;color: #434343}
.dongt li a{font-size:14px;color: #7d7d7d;}
.dongt li span {float:right;}
.dongt li:hover{background:url(../image/dt_ico3_hv.jpg) no-repeat left center;}
.dongt li:hover a{color: #1b1b1b;}

.went{float:right;width:549px;}
.went .tit{height:39px;line-height: 39px;font-size:20px;border-bottom:1px solid #e5e5e5; overflow: hidden;}
.went .tit a {color: #313131}
.went .tit img {vertical-align: middle;padding-left:8px;}
.went dl{height: 90px;overflow: hidden;padding-top:29px;}
.went dt {float:left;font-size:0;line-height: 0;width:160px;overflow: hidden;}
.went dt img {width:160px;height: 90px;transition: all 1s}
.went dl:hover dt img {transform: scale(1.1);}
.went dd {float:right;width:366px;padding-top:7px;}
.went dd h4 a{display: block;height:28px;line-height: 28px;font-size:16px;color: #1b1b1b;font-weight: normal;}
.went dd h4 a:hover{text-decoration: underline;}
.went dd p {font-size:14px;color: #7d7d7d;line-height: 22px;padding-top:5px;}
.news h5{width: 118px; height: 39px; line-height: 39px; margin:70px auto 0;background:  url(../image/fw_m2.jpg) no-repeat;}
.news h5 a{ display: block; padding-left: 23px; color: #1dc2b8; font-size: 14px;}
/**/
.about{ background:url(../image/zj.jpg) no-repeat center bottom; height:600px; overflow: hidden;}
.about dl{ overflow: hidden; padding-top: 100px; height: 401px;}
.about dl dt{ float: right; width: 714px; overflow: hidden;}
.about dl dd{ padding:70px 0 0 60px; width: 370px;}
.about dl dd h3{ overflow: hidden; padding-bottom: 52px;background:  url(../image/g_h.jpg) no-repeat 0  63px;}
.about dl dd h3 a{ color: #3b468c; font-size: 40px; display: block;line-height: 100%;}
.about dl dd p{ color: #707070; font-size: 14px; line-height: 26px; height: 111px;}
.about h4{width: 118px; height: 39px; line-height: 39px;background:  url(../image/fw_m.jpg) no-repeat;}
.about h4 a{ display: block; padding-left: 23px; color: #1dc2b8; font-size: 14px;}
