﻿@charset "utf-8";
/*end*/
body{overflow-x:hidden;}



.text-1 {
   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/**/
.search{height:80px; background:#EEEEEE;}
.sea span{display: block; float:left;}
.sea span i{display: block; height:80px;line-height: 80px;font-size: 14px; color:#666666; font-family: "宋体";float:left;}
.sea span a{display: block;height:80px;line-height: 80px; font-size: 14px; color:#666666; font-family: "宋体";float:left;padding-right:9px; background:url(../images/sea-xt.png) no-repeat right;}
.sea span a:last-child{background:0;}
.sea .sou{width:439px; height:33px; float:right; margin-top: 24px;border:1px solid #d2d2d2; box-sizing: border-box;}
.sea .sou .txt{width:335px; height:31px;float:left;border-right:1px solid #d2d2d2; line-height: 31px;background:#FFF;font-size: 14px; color:#192600; font-family: "宋体";padding:0 10px; box-sizing: border-box;}
.sea .sou .txt::-webkit-input-placeholder{font-size: 14px; color:#192600;}
.sea .sou .txt::-moz-placeholder{font-size: 14px; color:#192600;}
.sea .sou .btn{width:101px; height:31px;background:url(../images/sea-btn.jpg) no-repeat center; cursor: pointer;float:left;}
/**/
.product{padding-top:77px;}
.product h2{text-align: center; margin-bottom: 31px;}
.product h2 span{display: block; height:57px;line-height: 57px;font-size: 45px;color:#333333; font-weight: normal;}
.product h2 em{display: block;height:38px; line-height: 38px;font-size: 24px; color:#555555; font-weight: normal; margin-bottom: 21px;}
.product h2 i{display: block; width:80px; height:2px; background:#0f3f93;margin:0 auto;}
.product .pro-ul ul{width:1200px;height:199px; margin:0 auto 20px;border:1px solid rgba(242,242,242,0.52);}
.product .pro-ul ul li{height:69px;}
.product .pro-ul ul li h4{width:225px; height:69px;float:left; text-align: center;border-bottom:1px solid rgba(255,255,255,0.25);background:#0f3f93; box-sizing: border-box;}
.product .pro-ul ul li h4 a{display:block;}
.product .pro-ul ul li h4 i{display: inline-block; width:22px; height:63px;line-height: 0; overflow: hidden; margin:4px 17px 0 0;}
.product .pro-ul ul li h4 i img{width:100%;}
.product .pro-ul ul li h4 em{display: inline-block; height:69px;line-height: 69px;font-size: 18px; color:#FFF; vertical-align: top; font-weight: normal;}
.product .pro-ul ul li p{width:975px;float:left;height:69px;background:rgba(242,242,242,0.52)}
.product .pro-ul ul li p a{display: block; width:20%; height:69px; line-height: 69px; float:left; border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; box-sizing: border-box; text-align: center;font-size: 16px; color:rgba(51,51,51,0.64);}
.product .pro-ul ul li:first-child p a{border-top:1px solid #e8e8e8;}
.product .pro-con ul li{float:left;width:24.9%; position: relative; margin:0 0 8px 0.5%;}
.product .pro-con ul li:first-child{margin-left: 0;width:49.2%;}
.product .pro-con ul li span{display: block; width:100%; line-height: 0; overflow: hidden;background:#f2f2f2;}
.product .pro-con ul li span img{width:100%; transition: 1s;}
.product .pro-con ul li:first-child span{padding:8px 0;}
.product .pro-con ul li .hover{position: absolute;left:0;bottom:0;padding:10px 0 0 37px;height:82px;width:100%; box-sizing:border-box;background:rgba(54,58,69,0.6);}
.product .pro-con ul li h4 em{display: block; height:35px;line-height: 35px;font-size: 24px; color:#FFF; font-weight: bold;}
.product .pro-con ul li h4 i{display: block;height:19px; line-height: 19px;font-size: 10px; color:#FFF; font-weight: normal; text-transform: uppercase;}
/**/
.super{padding-top:86px;}
.super h2{text-align: center; margin-bottom: 30px;}
.super h2 span{display: block; height:57px; line-height: 57px;font-size: 45px; color:#333333; font-weight: normal;}
.super h2 em{display: block; height:39px; line-height: 39px;font-size: 24px; color:#555555; font-weight: normal; margin-bottom: 20px;}
.super h2 i{display: block; width:80px; height:2px; background:#0f3f93;margin:0 auto;}
.super .sup-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-list dl dt img{width: 100%;}
.super .sup-list dl dd{width:1200px; margin:0 auto; height:203px;padding-top:32px; box-sizing: border-box;}
.super .sup-list dl dd p{padding-top:18px;line-height: 36px; font-size: 16px; color:#666666;float:left;}
.super .sup-list dl dd .rig{float:left;height:92px; border-left:1px solid #dfdfdf;padding-left:60px;margin-left:176px;}
.super .sup-list dl dd .rig span em{display: inline-block; font-size: 60px; line-height: 60px; color:#0f3f93;}
.super .sup-list dl dd .rig span i{display: inline-block; font-size: 16px; color:#353842;}
.super .sup-list dl dd .rig b{display: block; font-size: 18px; color:#333333; font-weight: normal;}
.super .sup{position: relative;}
.super .sup .sup-hd{width:100%; height:155px; background:rgba(54,58,69,0.91); position: absolute;left:0;top:-358px;}
.super .sup .sup-hd ul li{float:left; width:300px;height:155px;padding-top:15px; box-sizing: border-box; transition: .5s;position: relative;}
.super .sup .sup-hd ul li:before{width:100%; height:199px;background:rgba(15,63,147,0.99);content:""; position: absolute;left:0;bottom:-20px; transition: .8s; opacity:0;}
.super .sup .sup-hd ul li span{position: relative;display: block;height:64px;}
.super .sup .sup-hd ul li span em{display: block; text-align: center;width:100%; position: absolute;left:0;top:0;}
.super .sup .sup-hd ul li span em.default{height:64px; line-height: 64px;font-size: 32px; color:#FFF; transition: .5s;}
.super .sup .sup-hd ul li span em.hover{ line-height: 23px; margin-bottom: 19px; transition: .5s;opacity: 0; font-size: 18px; color:#FFF;}
.super .sup .sup-hd ul li i{display: block; width:27px; height:3px; background:#7f7f7f;margin:0 auto; position: relative; transition: .5s;}
.super .sup .sup-hd ul li p{height:62px; line-height: 62px; text-align: center; font-size: 20px; color:#FFF; position: relative; transition: .5s;}
.super .sup .sup-hd ul li.cur{padding-top:3px;}
.super .sup .sup-hd ul li.cur:before{bottom:0;opacity: 1;}
.super .sup .sup-hd ul li.cur span em.default{opacity: 0;}
.super .sup .sup-hd ul li.cur span em.hover{opacity: 1;}
.super .sup .sup-hd ul li.cur i{background:#FFF;}
.super .sup .sup-hd ul li.cur p{font-size: 26px; color:#FFF;}
/**/
.case{height:934px;background:url(../images/case.jpg) no-repeat center;background-size:cover;}
.cas{padding-top:84px;}
.cas h2{text-align: center; margin-bottom: 30px;}
.cas h2 span{display: block; height:57px; line-height: 57px;font-size: 45px; color:#333333;font-weight: normal;}
.cas h2 em{display: block; height:37px; line-height: 37px;font-size: 24px; color:#555555; font-weight: normal; margin-bottom: 22px;}
.cas h2 i{display: block; width:80px; height:2px; background:#0f3f93;margin:0 auto;}
.cas .cas-nav{width:300px; float:left;background:#FFF;height:508px;box-shadow: 0px 6px 42px 1px rgba(0, 0, 0, 0.1);}
.cas .cas-nav ul li{height:101.5px;position: relative;}
.cas .cas-nav ul li:before{width:0; height:101.5px;background:#0f3f93;content:"";position: absolute;left:0;top:0; transition: .5s;}
.cas .cas-nav ul li a{display: block; height:101px;padding:34px 0 0 65px; box-sizing: border-box;position: relative;}
.cas .cas-nav ul li i{display: inline-block;width:28px; height:29px; line-height: 0; overflow: hidden;}
.cas .cas-nav ul li i img{width:100%; transition: .5s;}
.cas .cas-nav ul li em{display: inline-block; height:29px; line-height: 29px;font-size: 20px; color:#666666; margin-left: 10px; vertical-align: top; transition: .5s;}
.cas .cas-nav ul li.con.cur:before,.cas .cas-nav ul li:last-child:hover:before{width:100%;}
.cas .cas-nav ul li.con.cur i img,.cas .cas-nav ul li:last-child:hover i img{margin-top:-29px;}
.cas .cas-nav ul li.con.cur em,.cas .cas-nav ul li:last-child:hover em{color:#FFF;}
.cas .cas-rig{width:900px;float:right;}
.cas .cas-list dl{position: relative;}
.cas .cas-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.cas .cas-list dl dt img{width:100%;}
.cas .cas-list dl dd{width:100%; height:103px; background:rgba(0,0,0,0.8);padding:25px 0 0 47px; box-sizing: border-box;position: absolute;left:0;bottom:0;}
.cas .cas-list dl dd h4{height:32px; line-height: 32px;}
.cas .cas-list dl dd h4 a{font-size: 18px; color:#FFF; font-weight: bold;}
.cas .cas-list dl dd p{height:29px; line-height: 29px; font-size: 16px; color:#FFF;}
.cas .cas-lop{position: relative; margin-top: 30px;}
.cas .cas-lop .bd ul li{float:left;width:240px !important; height:130px; border-right:1px solid #eaeaea; box-sizing: border-box;background:#FFF;}
.cas .cas-lop .bd ul li a{display:block;}
.cas .cas-lop .bd ul li i{display:block;width:70%;margin:0 auto;}
.cas .cas-lop .bd ul li img{width:100%;}
/**/
.newsbj{height:928px;}
.news{padding-top:81px;}
.news h2{text-align: center; margin-bottom: 31px;}
.news h2 span{display: block; height:56px; line-height: 56px;font-size: 45px; color:#333333;font-weight: normal;}
.news h2 em{display: block; height:37px; line-height: 37px;font-size: 24px; color:#555555; font-weight: normal; margin-bottom: 22px;}
.news h2 i{display: block; width:80px; height:2px; background:#0f3f93;margin:0 auto;}
.news .news-con{height:602px; background:#F2F2F2;}
.news .news-con .news-left{width:688px;height:602px; float:left; padding:18px 45px 0 26px; box-sizing: border-box;}
.news .news-con .news-left h3{height:61px;}
.news .news-con .news-left h3 span{display: block; float:left; height:61px;}
.news .news-con .news-left h3 span a{display: block; height:61px; line-height: 61px; margin-right: 34px;font-size: 24px; color:#1f1f1f;float:left;}
.news .news-con .news-left h3 em{display: block; height:61px;float:right;overflow: hidden;}
.news .news-con .news-left h3 em a{display: block; height:61px; line-height: 61px;font-size: 14px; color:#8a8a8a; padding-right:10px; background:url(../images/news-gd.png) no-repeat right;}
.news .news-con .news-left h3:hover span a{color:#0f3f93;}
.news .news-con .news-left h3:hover em a{color:#0f3f93;}
.news .news-con .news-left .news-list dl{height:326px; border-bottom:1px solid #e9e9e9;margin-bottom: 22px;}
.news .news-con .news-left .news-list dl dt{height:183px;}
.news .news-con .news-left .news-list dl dt .tit{width:170px; height:183px; background:#0f3f93; float:left;padding-top:56px; box-sizing: border-box;}
.news .news-con .news-left .news-list dl dt .tit i{display: block;width:95px; height:40px; border:1px solid rgba(255,255,255,0.5); text-align: center; line-height: 38px;font-size: 24px; color:#FFFFFF; margin:0 auto 15px;}
.news .news-con .news-left .news-list dl dt .tit span{display: block;font-size: 14px; color:rgba(255,255,255,.5); font-weight: bold;text-align: center;}
.news .news-con .news-left .news-list dl dt strong{display: block; width: 447px; height:183px; float:left;overflow: hidden; }
.news .news-con .news-left .news-list dl dt strong img{width:100%; height:100%; transition: 1s;}
.news .news-con .news-left .news-list dl dd{padding-top:20px;}
.news .news-con .news-left .news-list dl dd h4{height:40px; line-height: 40px; margin-bottom: 10px;}
.news .news-con .news-left .news-list dl dd h4 a{font-size: 16px; color:#313131; font-weight: bold;}
.news .news-con .news-left .news-list dl dd p{line-height:21px; font-size: 15px; color:#666666; }
.news .news-con .news-left .news-list dl:hover dt strong img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-con .news-left .news-list dl:hover dd h4 a{color:#0f3f93;}
.news .news-con .news-left .news-list ul li{height:35px;}
.news .news-con .news-left .news-list ul li a{display: block; height:35px; padding-left:24px; background:url(../images/news-hg.jpg) no-repeat 4px;}
.news .news-con .news-left .news-list ul li em{display: block; height:35px; line-height: 35px; float:left;font-size: 15px; color:#666666;}
.news .news-con .news-left .news-list ul li i{display: block; float:right;height:35px; line-height: 35px; font-size: 14px; color:#adadad;}
.news .news-con .news-left .news-list ul li:hover em{color:#0f3f93;}
.news .news-con .news-left .news-list ul li:hover i{color:#0f3f93;}
.news .news-con .news-rig{width:509px;height:602px;padding:17px 21px 0 55px; box-sizing: border-box; background: url(../images/news-yy.jpg) no-repeat left top;float:right;}
.news .news-con .news-rig h3{height:61px;}
.news .news-con .news-rig h3 em{display: block; height:61px; line-height: 61px;font-size: 24px; color:#1f1f1f; float:left;}
.news .news-con .news-rig h3 i{display: block; height:61px; line-height: 61px;font-size: 14px; color:#8a8a8a; padding-right:10px; background:url(../images/news-gd.png) no-repeat right;float:right;}
.news .news-con .news-rig h3:hover em{color:#0f3f93;}
.news .news-con .news-rig h3:hover i{color:#0f3f93;}
.news .news-con .news-rig .news-rig-top{height:137px; border-bottom:1px solid #d2d2d2;}
.news .news-con .news-rig .news-rig-top h4{height:37px; line-height: 37px;margin-bottom: 10px;}
.news .news-con .news-rig .news-rig-top h4 a{font-size: 16px; color:#333333; font-weight: normal;}
.news .news-con .news-rig .news-rig-top p{line-height: 24px;font-size: 14px; color:#8a8a8a;}
.news .news-con .news-rig .news-rig-top:hover h4 a{color:#0f3f93;}
.news .news-con .news-rig .news-rig-bot .bd{overflow: hidden;}
.news .news-con .news-rig .news-rig-bot .bd ul li{height:70px !important; border-bottom:1px dashed #c1c1c1;box-sizing: border-box;}
.news .news-con .news-rig .news-rig-bot .bd ul li em{display: block;height:70px; line-height: 70px; float:left;font-size: 14px; color:rgba(102,102,102,0.88);}
.news .news-con .news-rig .news-rig-bot .bd ul li i{display: block; height:70px; line-height: 70px;font-size: 14px; color:#adadad; float:right;}
.news .news-con .news-rig .news-rig-bot .bd ul li:hover em,.news .news-con .news-rig .news-rig-bot .bd ul li:hover i{color:#0f3f93;}
/**/
.about .abo-pic{width:100%; line-height: 0; overflow: hidden;}
.about .abo-pic img{width:100%;}
.about .abo{height:246px;position: relative;}
.about .abo .abo-bot{height:340px; position: absolute;width:100%;left:0;top:-97px; background:#FFF;z-index:300;}
.about .abo .abo-bot .abo-con{height:124px;padding:30px 67px 0 41px; box-sizing: border-box; margin-bottom: 54px;}
.about .abo .abo-bot .abo-con h4{float:left;width:241px;}
.about .abo .abo-bot .abo-con h4 span{display: block; height:60px; line-height: 60px;font-size: 42px; color:#1f1f1f; font-weight: normal;}
.about .abo .abo-bot .abo-con h4 em{display: block; height:34px;line-height: 34px; font-size: 16px; color:#666666; font-weight: normal;}
.about .abo .abo-bot .abo-con p{width:850px; float:left; margin-top: 12px; height:81px; line-height: 36px; font-size: 16px; color:#666666;border-left:1px solid #d6d6d6;padding-left:49px; box-sizing: border-box;}
.about .abo .abo-bot .abo-sz{ margin-bottom: 66px;}
.about .abo .abo-bot .abo-sz ul li{float:left; margin-left: 178px;}
.about .abo .abo-bot .abo-sz ul li span{display: block;height:59px;}
.about .abo .abo-bot .abo-sz ul li span em{display: inline-block;height:59px; line-height: 59px;font-size: 60px; color:#333333; font-family: "Acrom";}
.about .abo .abo-bot .abo-sz ul li span i{display: inline-block; font-size: 18px; color:#333333; vertical-align: bottom; margin-bottom: 8px;}
.about .abo .abo-bot .abo-sz ul li p{height:33px;line-height: 33px;font-size: 18px; color:#666666;}
.about .abo .abo-bot .abo-sz ul li:first-child{margin-left: 0;}
.about .abo .abo-bot .abo-sz ul li:hover span em{color:#1D4598;}
.about .abo .abo-bot .abo-sz ul li:hover span i{color:#1D4598;}
.about .abo .abo-bot .abo-sz ul li:hover p{color:#1D4598;}
.about .abo .abo-bot .abo-xc{position: relative;}
.about .abo .abo-bot .abo-xc .abo-nav{height:46px; border-bottom:1px solid #ececec; margin-bottom: 13px;}
.about .abo .abo-bot .abo-xc .abo-nav h3{float:left;height:46px;}
.about .abo .abo-bot .abo-xc .abo-nav h3 span{display: block;height:46px;line-height: 46px; float:left; margin-right: 40px; position: relative;}
.about .abo .abo-bot .abo-xc .abo-nav h3 span:before{width:0; height:2px; background:#14408b;content:"";position: absolute;left:0;bottom:-1px; transition: .5s;}
.about .abo .abo-bot .abo-xc .abo-nav h3 span a{display: block;height:46px;font-size: 16px; color:#434343;}
.about .abo .abo-bot .abo-xc .abo-nav em{display: block;height:46px;float:right;}
.about .abo .abo-bot .abo-xc .abo-nav em a{display: block;height:46px;font-size: 16px; color:#434343;}
.about .abo .abo-bot .abo-xc .abo-nav h3 span.cur a{color:#14408b; font-weight: bold;}
.about .abo .abo-bot .abo-xc .abo-nav h3 span.cur:before{width:100%;}
.about .abo .abo-bot .abo-xc .abo-list{position: relative;}
.about .abo .abo-bot .abo-xc .abo-list .bd{overflow: hidden;}
.about .abo .abo-bot .abo-xc .abo-list .bd ul li{float:left;width:270px; height:202px; margin-right: 40px; position: relative;}
.about .abo .abo-bot .abo-xc .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.about .abo .abo-bot .abo-xc .abo-list .bd ul li span img{width: 100%; transition: 1s;}
.about .abo .abo-bot .abo-xc .abo-list .bd ul li .hover{width:100%; height:202px; background:rgba(0,0,0,0.8);position: absolute;left:0;top:0;padding-top:78px; box-sizing: border-box; transform: scale(0); opacity: 0; transition: .8s;}
.about .abo .abo-bot .abo-xc .abo-list .bd ul li .hover i{display: block; height:35px;line-height: 35px;text-align: center;padding-top:16px;font-size: 16px; color:#FFF; background:url(../images/abo-yj.png) no-repeat center top;}
.about .abo .abo-bot .abo-xc .abo-list .bd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.about .abo .abo-bot .abo-xc .abo-list .bd ul li:hover .hover{ transform: scale(1); opacity: 1;}
.about .abo .abo-bot .abo-xc .abo-list .abo-jt i{display: block; width:28px; height:48px; cursor: pointer;}
.about .abo .abo-bot .abo-xc .abo-list .abo-jt i.abo-prev{background:url(../images/abo-prev.png) no-repeat center;position: absolute;left:-63px; top:78px;}
.about .abo .abo-bot .abo-xc .abo-list .abo-jt i.abo-next{background:url(../images/abo-next.png) no-repeat center;position: absolute;right:-63px; top:78px;}






































































