@charset "utf-8";
body{overflow-x:hidden;position: relative;}
/*banner*/
.banner {
  clear:both;
  position:relative;
  width:100%;
  height:800px;
  overflow:hidden;
  z-index: 9;
}
.banner .hd {
  position:absolute;
  left:0;
  bottom:30px;
  width:100%;
  height:5px;
  text-align:center;
}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:12px;height:12px;text-indent:-9999px;cursor:pointer;background:rgba(255,255,255,.6);border-radius:8px;}
.banner .hd .on{background:#6696FF;width: 50px;display:inline-block;*display:line;*zoom:1;margin:0 10px;height:12px;text-indent:-9999px;cursor:pointer;border-radius:6px;}
.banner .bd,.banner .bd ul {
  height:800px;
}
.banner .bd li {
  position:relative;
  width:100%;
  height:800px;
}
.banner .bd li a {
  display:block;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-960px;
  width:1920px;
  height:800px;
}
.banner .prev,.banner .next {
  position:absolute;
  /*display: none;*/
  z-index:999;
  top:50%;
  margin-top:-30px;
  width:58px;
  height:58px;
  line-height: 58px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #fff;
  cursor:pointer;
  opacity:0;
  transition: all 1s;
}
.banner .arrow i{font-size: 30px;line-height: 50px;}
.banner .prev {
  left:8%;
}
.banner .next {
  right:8%;
}
.banner:hover .prev,.banner:hover .next {
  opacity:1;
}

/*标题*/
.title{height:125px;overflow: hidden;text-align: center;box-sizing: border-box;background: url(../images/title-ico.png) no-repeat center bottom;}
.title h2 {height:60px;line-height:60px;font-size:48px;color: #333333;font-weight: normal;}
.title h2 a{color: #333333}
.title h2 i{margin:0 20px;display: inline-block;width:13px;height: 13px;background: #333333;border-radius: 50%;vertical-align: middle;}
.title p{font-size:22px;color: #333333;height:30px;line-height:30px;}

/**/
.yz{height:673px;overflow: hidden;position: relative;background: url(../images/yzbg.jpg) no-repeat center top;box-sizing: border-box;padding-top:85px;}
.yz-info{font-size:16px;color: #666666;line-height: 30px;padding:42px 50px 0;height: 160px;text-align: center;}
.yz li{float:left;width:20%;}
.yz li p{height:66px;font-size:68px;color: #1b1b1b;line-height:66px;}
.yz li p b{font-size:68px;color: #1b1b1b;display: inline-block;height:61px;font-weight: bold;vertical-align: top;}
.yz li p em{width:29px;height: 29px;background: #6995FF;text-align: center;line-height: 30px;font-size:18px;color: #fff;border-radius: 50%;display: inline-block;vertical-align: top;}
.yz li span{font-size:18px;color: #333333;line-height:29px;height:29px;display: block;}
.yz li strong{display: block;width:54px;height: 47px;overflow: hidden;margin-top:46px;}
.yz li strong i{display:block;}
.yz li:hover p b,.yz li:hover p{color: #001a51}
.yz li:hover strong i{margin-top:-47px;animation-duration:3s;animation-name:flipInY;}
.yz li:hover strong {}
.yz li:last-child{background: none;width:auto;}

/*pro*/
.pro{padding: 74px 0 0;height: 1155px;box-sizing: border-box;background: url(../images/probg.jpg) no-repeat center 0;}
.pro .title {margin-bottom: px;}
.pro-nav{position: relative;overflow: hidden;padding-bottom: 20px;}
.pro-nav .more{font-size: 16px;color: #333;text-transform: uppercase;position: absolute;top: 30px;right: 0;font-weight: lighter;}
.pro-nav .more a {color: #050505;font-weight: bold;}
.pro-nav ul {float: left;width: 1140px;}
.pro-nav:before{position: absolute;content: "";width: 1120px;top: 44px;left: 0;height: 1px;background:#D4D4D4;}
.pro-nav li{float: left;font-size: 16px;font-weight: normal;line-height: 26px;margin-top: 10px;}
.pro-nav li a{float: left;margin-right: 20px;position: relative;height: 32px; }
.pro-nav li a:before{position: absolute;content: "-";right: -30px;width: 10px;text-align: center;top: 0;color: #333;font-weight: normal;}
.pro-nav li a:after{position: absolute;width: 0;height: 3px;content: "";background: #0059A9;left: 0;bottom: -2px;transition: all 0.5s;}
.pro-nav li a:last-child:before{display: none;}
.pro-nav li a:hover,.pro-nav li a.on{font-weight: bold; color: #050505;}
.pro-nav li a:hover:after,.pro-nav li a.on:after{width: 100%;}
.pro-con dl{height: 447px;margin-top: 28px;}
.pro-con dt{float: left;width: 447px;height: 447px;overflow: hidden;}
.pro-con dt a{display: block;position: relative;}
.pro-con dt img{display: block;width: 447px;height: 447px;transition: all 0.36s ease;}
.pro-con dt a:before{
    content: "";
    width: 32px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -32px;
    transition: all 0.36s ease-out;
    z-index: 1;
    opacity: 0;
}
.pro-con dt a:after{
    content: "";
    width: 2px;
    height: 32px;
    background-color: #fff;
    position: absolute;
    top: -32px;
    left: 50%;
    transition: all 0.36s ease-out;
    opacity: 0;
}
.pro-con dt i{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;transition: all 0.36s ease;content: "";}
.pro-con dt span{position: absolute;left: 0;width: 100%;bottom: 0;height: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #fff;z-index: 1;opacity: 0;    transition: all 0.36s ease;}
.pro-con dt:hover a:before{left: calc(50% - 16px);opacity: 1;}
.pro-con dt:hover a:after{top: calc(50% - 16px);opacity: 1;}
.pro-con dt:hover i{background-color: rgba(0, 0, 0, 0.34);}
.pro-con dt:hover img{transform: scale(1.05);}
.pro-con dt:hover span{bottom: 160px;opacity: 1;}
.pro-con dd{float: right;width: 690px;height: 447px;}
.pro-con dd b{display: block;font-size: 24px;color: #333;line-height: 24px;/*width: 130px;*/margin: 54px 0 16px;}
.pro-desc{font-size: 16px;color: #333;line-height: 28px;margin-bottom: 34px;}
.pro-list li{float: left;width: 198px;margin-right: 26px;}
.pro-list li img{width: 198px;height: 198px;transition: all 0.5s;}
.pro-list li:hover img{transform: scale(1.05);}
.pro-list li h4{height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #666;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro-list li:hover h4,.pro-nav .more:hover{color: #0059A9;}
.pro-list .tempWrap{width: 100% !important;}

.pro-ico{margin-top: 38px;}
.pro-ico li{float: left;width: 20%;height: 256px;border-radius: 10px;   margin-right: -1px; border: 1px solid #E1E1E1;box-sizing: border-box;text-align: center;background: rgba(255,255,255,0.53); transition: all 0.3s;   box-shadow: 0px 3px 5px 0px rgba(185, 185, 185, 0.35);}
.pro-ico li i{display: block;height: 74px;overflow: hidden;margin: 46px 0 26px;}
.pro-ico li h3{font-size: 24px;color: #5c5c5c;line-height: 24px;font-weight: normal;margin-bottom: 12px;transition: all 0.3s;}
.pro-ico li p{font-size: 14px;color: #888;line-height: 22px;padding: 0 20px;transition: all 0.3s;}
.pro-ico li:nth-child(4) p{padding: 0 10px;}
.pro-ico li.cur{background: #0054ae;border-color: #0054ae;}
.pro-ico li.cur i img{transform: translateY(-74px);transition: all 0.5s;}
.pro-ico li.cur h3,.pro-ico li.cur p{color: #fff;}


/*qtcp*/
.qtcp{padding: 70px 0;}
.qtcp-title{height: 44px;border-bottom: 1px solid #D4D4D4;margin-bottom: 40px;}
.qtcp-title h3{float: left;font-size: 26px;color: #333;line-height: 26px;}
.qtcp-title h3 a{display: inline-block;padding-right: 24px;transition: all 0.5s;}
.qtcp-title h3 a:hover{padding-right: 32px;color: #050505;}
.qtcp-title .more{float: right;font-size: 16px;color: #333;text-transform: uppercase;line-height: 26px;}
.qtcp-list li{float: left;width: 23%;margin-right: 2%;}
.qtcp-list li i{display: block;overflow: hidden;}
.qtcp-list li img{transition: all 0.5s;width: 100%;height: 276px;}
.qtcp-list li i:hover img{transform: scale(1.05);}
.qtcp-list li h4{height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #333;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 20px;}
.qtcp-list li:hover h4{color: #0059A9;}
.qtcp-list .tempWrap{width: 100% !important;}


/*index-banner*/
.index-banner{height: 302px;background: url(../images/index-banner.jpg) no-repeat center 0;margin-bottom: 60px;}
.index-banner h2{float: left;font-size: 48px;color: #fff;line-height: 48px;margin: 106px 0 0 104px;}
.index-banner h2 i{display: block;font-size: 36px;line-height: 36px;padding-top: 18px;font-weight: normal;letter-spacing: 3px;}
.index-banner .tel{float: right;margin-top: 106px;margin-right: 80px;}
.index-banner .tel p{font-size: 17px;color: #fff;line-height: 17px;padding-left: 72px;background: url(../images/tel1.png) no-repeat left 8px;}
.index-banner .tel p b{display: block;font-size: 36px;color: #fff;font-family: Arial;line-height: 56px;}
.index-banner .tel .zx{display: block;margin: 10px 0 0 26px;width: 176px;height: 74px;line-height: 48px;padding-left: 64px;box-sizing: border-box;font-size: 21px;color: #c00000;background: url(../images/zx1.png) no-repeat;}
.index-banner .tel .zx:hover{animation: shake 1.5s linear;}



/*ys*/
.advantage {padding: 0px 0;overflow: hidden;}
.advantage .title {margin-bottom: 60px;}
.advantage .dl1 {background: url(../images/dl1bg.jpg) no-repeat;width: 100%;height: 580px;}
.advantage .dl1 dl{ width:535px;float: right;margin-top: 60px;}
.advantage .dl1 dl dd h3{ height:135px; overflow:hidden; background:url(../images/ys_line.png) repeat-x center bottom; margin-bottom:28px;}
.advantage .dl1 dl dd h3 span{ display:block; width:425px; float:left;font-size: 32px; color:#333;margin-left: 22px;}
.advantage .dl1 dl dd h3 span i{ display:block; font-weight:bold; color:#0050b3;}
.advantage .dl1 dl dd p{ font-size: 16px; line-height:24px; color:#666; padding-left:24px; margin-top:10px;}
.advantage .dl1 dl dt img{ display:block; margin-top:38px;}

.advantage .dl2 {background: url(../images/dl2bg.jpg) no-repeat bottom;width: 100%;height: 720px;}
.advantage .dl2 dl{ width:535px;float: left;margin-top: 60px;}
.advantage .dl2 dl dd h3{ height:135px; overflow:hidden; background:url(../images/ys_line.png) repeat-x center bottom; margin-bottom:28px;}
.advantage .dl2 dl dd h3 span{ display:block; width:425px; float:left;font-size: 32px; color:#333;margin-left: 22px;}
.advantage .dl2 dl dd h3 span i{ display:block; font-weight:bold; color:#0050b3;}
.advantage .dl2 dl dd p{ font-size: 16px; line-height:24px; color:#666; padding-left:24px; margin-top:10px;}
.advantage .dl2 dl dt img{ display:block; margin-top:38px;width: 430px;height: 181px;}


/*case*/
.case{height: 846px;padding: 100px 0 0;box-sizing: border-box;background: url(../images/case_bg.jpg) no-repeat center 0;margin-bottom: 60px;}

.case_con{position: relative;width: 940px;margin: 0 auto;}
.case_con .tempWrap{overflow: visible !important;}
.case_qie{padding: 80px 0 75px !important;}
.case_qie dl{width: 940px!important;position: relative;height: 340px;margin-top: 40px;margin-right: 80px;background: #fff;padding: 20px;box-sizing: border-box;box-shadow:5px 9px 50px 0px rgba(0, 0, 0, 0.2);}
.case_qie dt{float: left;width: 400px;height: 300px;display: block;overflow: hidden;}
.case_qie dt img{width: 400px;height: 300px;display: block;transition: all 0.5s linear;}
.case_qie dt:hover img{transform: scale(1.05);}
.case_qie dd{width: 400px;float: right;margin-right: 60px;margin-top: 45px;}
.case_qie dd h3 a{font-size:22px;line-height: 26px;color: #333;font-weight: normal;display: block;padding: 10px 0 18px;border-bottom: 1px solid #e5e5e5;}
.case_qie dd h3 a i{display: block;font-size: 16px;color: #666;line-height: 16px;padding-top: 12px;}
.case_qie dd p{font-size: 16px;color: #888;line-height: 26px;margin: 15px 0 28px;}
.case_qie dd .xq{display: none;width: 130px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #666;border: 1px solid #c2c2c2;border-radius: 20px;transition: all 0.3s;}
.case_qie dd .xq:hover{color: #fff;background: #0059a9;border-color: #0059a9;}
.case_qie dl.cur{ height: 380px; padding: 30px;margin-top: 0;}
.case_qie dl.cur dt{ display: block;width:546px;height: 410px;z-index: 50;position: relative;margin-top: -110px;transition: all 0.5s;}
.case_qie dl.cur dt img{ display: block;width:546px;height: 410px; }
.case_qie dl.cur dd{width: 300px;margin-right: 0;margin-top: 0;}
.case_qie dl.cur dd .xq{display: block;}
.case_pg{position: absolute;left: 0;bottom: 0;height: 12px;text-align: center;font-size: 0;width: 100%;z-index: 10;}
.case_pg i{display: inline-block;width: 12px;height: 12px;border: 2px solid #bbbbbb;border-radius: 50%;margin: 0 5px;vertical-align: top;box-sizing: border-box;}
.case_pg i.on{background: #0054aa;border-color: #0054aa;}
.case_con .prev{position: absolute;width: 32px;height: 43px;overflow: hidden;left: -50px;top: 260px;z-index: 10;}
.case_con .next{position: absolute;width: 32px;height: 43px;overflow: hidden;right: -50px;top: 260px;z-index: 10;}
/*.case_con .prev:hover img,.case_con .next:hover img{transform: translateY(-43px);}*/
.case_con .prev i,.case_con .next i{font-size: 32px;}


/*客户名录*/
.cooperation {background: url(../images/cooperationbg.jpg) no-repeat top center;height: 620px;overflow: hidden;padding-top: 60px;}
.cooperation-l {width: 500px;height: 590px;float: left;}
.cooperation-l {padding: 80px 0 0;float: left;width: 440px;}
.cooperation-l h5{height: 125px;position: relative;font-size: 46px;font-weight: bold;}
.cooperation-l h5:before{content: "";width: 38px;height: 3px;background: #0071bd;position: absolute;bottom: 0;left: 0;}
.cooperation-l h5 b{display: block;font-size: 24px;color: #bcbcbc;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;height: 38px;}
.cooperation-l h5 i{height: 66px;line-height: 66px;font-size: 46px;color: #014DA1;float: left;font-weight: normal;margin-right: 15px;}
.cooperation-l p{font-size: 18px;color: #666;line-height: 40px;height: 120px;overflow: hidden;padding: 30px 0 0;}
.cooperation-l b{color: #333;}
.cooperation-l span a{ display: inline-block; float: left; width: 176px; height: 43px; line-height: 43px; background: #014DA1; border-radius: 2px; text-align: center; color: #fff; font-size: 16px;transition: all 0.2s;margin-top: 25px;}
.cooperation-l span a:hover{ padding: 0 15px;}
.cooperation-r {width: 662px;float: right;margin-right: 40px;margin-top: 110px;} 
.cooperation-r li {float: left;width:210px;height: 100px;margin-bottom: 20px;border-right: 1px solid #ccc;margin-left: 10px;}
.cooperation-r li img {width: 200px;height: 100px;}
.cooperation-r li:nth-child(3n) {border-right: 0;}


/**/
.newsbj{height:1105px;}
.newsbj .news{padding-top:70px;}
.newsbj .news .title { margin-bottom: 38px;text-align: center;background: none;color: #000;}
.newsbj .news .title a {color: #000;}
.newsbj .news .title span{ font-weight: normal; padding-left: 16px;}
.newsbj .news .title i{ letter-spacing: 2px; font-size: 42px;}
/*.newsbj .news h2{text-align: center; margin-bottom: 2px;}
.newsbj .news h2 span{display: block; height:70px; line-height: 70px;font-size: 48px; color:#262626; font-weight: normal;letter-spacing: 3px;}
.newsbj .news h2 i{display: block; width:378px;height:17px;line-height: 0; overflow: hidden;margin:0 auto;}
.newsbj .news h2 i img{width:100%;}
.newsbj .news h2 em{display: block; height:36px; line-height: 36px;font-size: 20px; color:#262626; font-weight: normal;letter-spacing: 2px;}*/
.newsbj .news .news-nav{height:66px; margin-bottom: 14px;}
.newsbj .news .news-nav span{display: block; height:66px; float:left;}
.newsbj .news .news-nav span a{display: block;float:left; height:66px; line-height: 66px; font-size: 26px; color:#333333; position: relative;padding:0 29px;}
.newsbj .news .news-nav span a:before{width:1px; height:21px; background:#959595;content:""; position: absolute;right:0;top:24px;}
.newsbj .news .news-nav span a:last-child:before{display: none;}
.newsbj .news .news-nav em{display: block; height:66px; line-height:86px;float:right;}
.newsbj .news .news-nav em a{font-size: 18px; color:#181818;}
.newsbj .news .news-cen{padding-bottom:35px;}
.newsbj .news .news-cen .cen-top{background: #F4F8FB;}
.newsbj .news .news-cen .cen-top .left{width:50%; position: relative;float:left;}
.newsbj .news .news-cen .cen-top .left .news-pic{width:100%;line-height: 0; overflow: hidden; position: relative;}
.newsbj .news .news-cen .cen-top .left .news-pic img{width:100%; transition: 1s;}
.newsbj .news .news-cen .cen-top .left .news-pic span{display: inline-block;height:76px; line-height: 84px; font-size: 24px; color:rgba(255,255,255,0.75);z-index:200; font-family: "Arial";position: absolute;right:167px; bottom:0;}
.newsbj .news .news-cen .cen-top .left .news-pic span b{line-height: 76px; font-size: 36px;color:#FFF;}
.newsbj .news .news-cen .cen-top .left .news-qh{width:86px; height:76px;background:rgba(0,0,0,0.49);position: absolute;right:0;bottom:0;padding-left:20px; box-sizing: border-box;}
.newsbj .news .news-cen .cen-top .left .news-qh i{display: block; width:9px; height:76px;float:left;cursor: pointer;}
.newsbj .news .news-cen .cen-top .left .news-qh i.news-prev{background:url(../images/news-prev.png) no-repeat center;}
.newsbj .news .news-cen .cen-top .left .news-qh i.news-next{background:url(../images/news-next.png) no-repeat center;}
.newsbj .news .news-cen .cen-top .left .news-qh ul{padding-top:35px;float:left;margin:0 10px;}
.newsbj .news .news-cen .cen-top .left .news-qh ul li{float:left;width:8px; height:8px; background:#FFF; border-radius: 50%;margin:0 5px; font-size: 0;}
.newsbj .news .news-cen .cen-top .left .news-qh ul li.on{background:#2496ff;}
.newsbj .news .news-nav span a:hover{color:#2496ff;}
.newsbj .news .news-cen .cen-top .left .news-pic:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.newsbj .news .news-cen .cen-top .rig{width:50%;float:left;padding:52px 80px 0 53px; box-sizing: border-box;}
.newsbj .news .news-cen .cen-top .rig h4{height:36px; line-height: 36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-cen .cen-top .rig h4 a{font-size: 21px; color:#333333; font-weight: normal;}
.newsbj .news .news-cen .cen-top .rig i{display: block; height:27px; line-height: 27px;font-size: 14px; color:#333333; margin-bottom: 27px;}
.newsbj .news .news-cen .cen-top .rig p{line-height: 31px; color:#333333; font-size: 16px; margin-bottom: 41px;}
.newsbj .news .news-cen .cen-top .rig span{display: block; width:142px; height:39px; line-height: 39px; text-align: center; background:#2496FF; border-radius: 19px;}
.newsbj .news .news-cen .cen-top .rig span a{display: block;font-size: 16px; color:#FFFFFF;}
.newsbj .news .news-cen .cen-top .rig:hover h4 a{color:#2496FF;}
.newsbj .news .news-cen .cen-bot{padding-top:29px;}
.newsbj .news .news-cen .cen-bot ul li{height:49px;}
.newsbj .news .news-cen .cen-bot ul li span{display: block; width:50%;height:49px; box-sizing: border-box;float:left;}
.newsbj .news .news-cen .cen-bot ul li span:nth-child(2n){float:right;padding-left:45px;}
.newsbj .news .news-cen .cen-bot ul li span em{display: block; height:49px; line-height: 49px;float:left; max-width:72.8%; padding-left:30px; background:url(../images/news-ico.png) no-repeat 9px;font-size: 16px; color:rgba(51,51,51,.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-cen .cen-bot ul li span i{display: block; height:49px; line-height: 49px; float:right;font-size: 14px; color:#9a9a9a;font-family: "Verdana"; margin-right: 52px;}
.newsbj .news .news-cen .cen-bot ul li span:nth-child(2n) i{margin-right: 0;}
.newsbj .news .news-cen .cen-bot ul li span:hover em{color:#2496FF;}
.newsbj .news .news-cen .cen-bot ul li span:hover i{color:#2496FF;}
.newsbj .news .news-bot{height:134px;border:1px solid rgba(83,83,83,0.15); box-sizing: border-box;}
.newsbj .news .news-bot .left-tit{width:172px; height:132px; line-height: 35px;background:url(../images/news-dt.jpg) no-repeat center; position: relative;float:left;padding:26px 0 0 55px; box-sizing: border-box;font-size: 26px; color:#ffffff; font-weight: bold;z-index:200; }
.newsbj .news .news-bot .left-tit:before{width:13px; height:30px;background:url(../images/news-dbx.png) no-repeat center;content:"";position: absolute;right:-13px; top:50px;}
.newsbj .news .news-bot .news-bd{width:1223px;float:left;}
.newsbj .news .news-bot .news-bd .bd{overflow: hidden;}
.newsbj .news .news-bot .news-bd .bd ul li{float:left; width:613px !important;height:132px; padding:30px 66px 0; box-sizing: border-box;}
.newsbj .news .news-bot .news-bd .bd ul li h4{height:36px; line-height: 36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:14px;background:url(../images/news-dd.png) no-repeat left;}
.newsbj .news .news-bot .news-bd .bd ul li h4 a{font-size: 20px; color:#333333; font-weight: normal;}
.newsbj .news .news-bot .news-bd .bd ul li p{height:32px; line-height: 32px;font-size: 16px; color:rgba(51,51,51,.58);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-bot .news-bd .bd ul li:hover h4{color:#2496FF;}
.newsbj .news .news-bot .news-bd .bd ul li:hover h4 a{color:#2496FF;}
/**/
/**/
.about{background: url(../images/aboutbg.jpg) no-repeat center 0; height:850px; overflow: hidden;}
.about-l{ overflow: hidden; width: 462px; padding-top: 237px; height: 614px; position: relative; margin-bottom: 59px;}
.about-l h3{ overflow: hidden; height: 130px; line-height: 100%;font-size: 60px;font-family:Impact;letter-spacing: 4px;margin-top: 20px;}
.about-l a {color: #fff;}
.about-l h3 span{ display: block; line-height: 100%; color: #fff; font-size: 24px; padding-top: 17px;font-weight: lighter;letter-spacing: 4px;}
.about-l .about-img{ font-size: 0; line-height: 0; overflow: hidden; margin-bottom: 43px; }
.about-l p{ font-size: 16px; line-height: 29px; color: #fff;width: 400px;}
.about .about-more{ position: absolute; right: 2px; bottom: 0;}
.about .about-more a{ display: inline-block; height: 50px; line-height: 50px; background: #050505; width: 160px; transition: all 0.2s; text-align: center; color: #fff; font-size: 14px;}
.about .about-more a:hover{ width: 180px; letter-spacing: 3px;}

.about-r{ width: 737px; margin-top: 766px;}
.about-r p{ float: right;}
.about-r p em{ float: left; font-size: 12px; color: #b4b4b4; line-height: 100%; position: relative;}
.about-r p em:before{ position: absolute; content: ""; height: 2px; background: #0054AE; width: 0; left: 60%; top: 83px; transition: all 0.2s;}
.about-r p em span{ display: block; line-height: 100%; color: #b4b4b4; text-transform: uppercase;}
.about-r p em a{ display: block;padding-left: 59px; margin-left: 79px;}
.about-r p em i{ display: block; line-height: 100%; color: #262626; font-size: 24px; padding-bottom: 8px;}
.about-r p em:nth-of-type(1) a{background: url(../images/about-r1.png) no-repeat 0 2px; padding-left: 69px;}
.about-r p em:nth-of-type(2) a{background: url(../images/about-r2.png) no-repeat 0 2px;}
.about-r p em:nth-of-type(3) a{background: url(../images/about-r3.png) no-repeat 0 2px;}
.about-r p em:hover:before{    width: 104px;}

/*.about-list {color: #000;margin-bottom: 60px;}
.about-list .hd {position: absolute;width: 1200px;display: block;}
.about-list .bd {width: 1080px;margin: 0px auto;}
.about-list .bd li {float: left; width: 243px;border: 2px solid #EAEAEA;margin-left:10px;margin-right: 10px;background: #fff;}
.about-list .bd li img {width: 243px;height: 182px;}
.about-list .prev,.about-list .next{position:relative;z-index:999;top:60px;width:58px;height:58px;line-height: 58px;color: #EAEAEA;font-size: 26px;text-align: center;font-weight: normal;border: 1px solid #EAEAEA;cursor:pointer;padding: 5px;}
.about-list .next{left:1160px;}
.about-list .prev{right:50px;}
*/
    /**/
.links { height:92px; overflow: hidden; clear: both;position: relative; background: #1a1d21;}
.links em { display: inline-block; font-style: normal; font-size: 18px; line-height: 92px;  color: #8d8e90; float: left;font-weight: bold; width: 163px;background: url(../images/links.jpg) no-repeat center right;}
.links em span{ font-family: Arial; padding-right: 10px;}
.links i { display: inline-block;float: right; width:1000px;}
.links a { font-size: 14px; color: #8d8e90; line-height: 92px; display: inline-block; margin-right: 46px; transition: .3s ease; -o-transition: .3s ease ; }
.links a:hover { color: #fff;}



@media screen and  (min-width:230px) and (max-width:1680px){
    .pro1bj .pro1 .pro1-list dl{padding:34px 70px 34px 34px;}
    .pro1bj .pro1 .pro1-list dl dt{width:650px;}
    .pro1bj .pro1 .pro1-list dl dd{width:375px;padding-top:39px;}
    .pro1bj .pro1 .pro1-list dl dd h4{margin-bottom: 36px;}
    .pro1bj .pro1 .pro1-list dl dd h4 span a{font-size: 25px;}
    .pro1bj .pro1 .pro1-list dl dd h4 em{font-size: 17px;}
    .pro1bj .pro1 .pro1-list dl dd .pro1-desc p{font-size: 13px;}
    .pro1bj .pro1 .pro1-list dl dd .pro1-desc{margin-bottom: 64px;}
    .pro2bj .pro2 ul li{width:294px; height:397px;}
    .pro2bj .pro2 ul li dl dd{height:397px;padding-top:294px;}
    .pro2bj .pro2 ul li{margin-left: 8px;}
    .pro2bj .pro2 ul li:hover dl dd{padding-top:241px;}
    .guide .gui .gui-sz li:first-child{width: 16.8%;}
    .guide .gui .gui-sz li:nth-child(4){width: 16.5%;}
    .guide .gui .gui-sz li:last-child{width: 16.8%;}
    .case{padding-bottom:70px;}
    .case .cas .cas-list dl dt{width:765px;}
    .case .cas .cas-list dl dd{width:435px;padding:62px 58px 0;}
    .case .cas .cas-list dl dd h4{margin-bottom: 27px;}
    .case .cas .cas-list dl dd h4 a{font-size: 22px;}
    .case .cas .cas-list dl dd p{font-size: 13px; margin-bottom: 38px;}
    .case .cas .cas-list .cas-jt .cas-prev{left:-54px;}
    .case .cas .cas-list .cas-jt .cas-next{right:-54px;}
    .case .cas .cas-list .cas-jt .cas-prev{top:170px;}
    .case .cas .cas-list .cas-jt .cas-next{top:170px;}
    .super .sup ul li p{font-size: 12px;}
    .newsbj{height:1030px;}
    .newsbj .news .news-bot .news-bd{width:1025px;}
    .newsbj .news .news-bot .news-bd .bd ul li{width:512px !important;}
    .abo-bot .abo-list .bd ul li{width:259px;}
    .abo-bot .abo-nav{padding:0 293px;}
    .abo-bot .abo-nav:before{left:-44px;}
    .abo-bot .abo-nav:after{right:-44px;}
    .abo-top .ab p{width:460px;}
}