@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: bold;}
.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:46px;line-height:46px;}

/**/
.yz{background: url(../images/yzbg.jpg) no-repeat center bottom;padding: 120px 0 0;overflow: hidden;height: 500px;margin-bottom: 10px;}
.yz dl dt{width: 670px;height: 365px;float: right;line-height: 0;overflow: hidden;}
.yz dl dt img{width: 670px;height: 365px;}
.yz dl dd{width: 530px;float: left;}
.yz dl dd h5{height: 130px;line-height: 54px;position: relative;font-size: 48px;color: #333;}
.yz dl dd h5:before{content: "";width: 415px;height: 1px;background: #ccc;position: absolute;bottom: 2px;left: 0;}
.yz dl dd h5:after{content: "";width: 55px;height: 5px;background: #3886ca;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;}
.yz dl dd h5 i{color: #3886ca;padding-left: 20px;}
.yz dl dd h5 span{display: block;font-size: 20px;color: #999;font-weight: normal;}
.yz dl dd h5:hover:after{width: 100px;}
.yz ul{padding: 55px 0 0;}
.yz ul li{font-size: 18px;color: #333;float: left;font-weight: bold;width: 160px;line-height: 24px;}
.yz ul li em{display: block;width: 70px;height: 70px;line-height: 0;overflow: hidden;margin-bottom: 12px;}
.yz ul li em img{width: 70px;height: 140px;-webkit-transition:all .5s;transition:all .5s;}
.yz ul li i{display: block;font-size: 14px;color: #999;font-weight: normal;}
.yz ul li:hover em img{margin-top: -70px;}

/*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: 60px;*/position: relative;height: 32px;font-size: 18px; width: 360px;text-align:center;}
.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: #226396;left: 0;bottom: -2px;transition: all 0.5s;}
.pro-nav li a:last-child:before{display: none;}
.pro-nav li a:hover,.pro-nav .on{font-weight: bold; color: #050505;}
.pro-nav li a:hover:after,.pro-nav .on a: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;background:url(../images/product-bg.jpg) no-repeat; background-size: 100% 100%;}
.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: #226396;border-color: #226396;}
.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;background:url(../images/product-bg.jpg) no-repeat; background-size: 100% 100%;}
.qtcp-list li i:hover img{transform: scale(1.05);}
.qtcp-list li h4{height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #333;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.qtcp-list li:hover h4{color: #226396;font-weight: bold;}
.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: 0px;}
.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;float: right;}
.index-banner .tel .zx:hover{animation: shake 1.5s linear;}



/*ys*/
.advantage {padding: 0;overflow: hidden;}
.advantage .title {margin-bottom: 60px;}
.advantage .ys1 {height: 480px;position: relative;}
.advantage .ys1 dt {float: left;}
.advantage .ys1 dd {position: absolute;right: 0;z-index: 1;width: 53%;height: 630px;padding-top: 60px;}
.advantage .ys1 dd h2 {background: url(../images/ysno1.png) no-repeat;width: 660px;height: 64px;line-height: 64px;padding-left: 18px;color: #fff;font-size: 21px;letter-spacing: 2px;font-weight: lighter;}
.advantage .ys1 dd h3{position: relative;height: 136px;font-size: 34px;color: #1c1b1b;font-weight: bold;margin-left: 110px;margin-top: 40px;}
.advantage .ys1 h3 em{display: block;font-size: 26px;color: #008fd7;}
.advantage .ys1 h3:before{content: "";position: absolute;width: 29px;height: 3px;background: #008fd7;left:0;top:108px;}
.advantage .ys1 ul {margin-left: 110px;}
.advantage .ys1 li{line-height: 34px;position: relative;padding-left: 24px;font-size: 14px;color: #6f6f6f;background:url(../images/ysico.png) no-repeat 0 3px;line-height:24px; margin-bottom:13px; }
.advantage .ys1 li b{color: #008fd7;}
.advantage .ys1 li:hover{background:url(../images/ysico2.png) no-repeat 0 9px;}
.advantage .ys2 {height: 480px;position: relative;}
.advantage .ys2 dt {float: right;}
.advantage .ys2 dd {position: absolute;left: 0;z-index: 1;width: 43%;height: 630px;padding-top: 60px;}
.advantage .ys2 dd h2 {background: url(../images/ysno2.png) right no-repeat;width: 660px;height: 64px;line-height: 64px;color: #fff;font-size: 21px;letter-spacing: 2px;font-weight: lighter;float: right;text-align: right;padding-right: 26px;}
.advantage .ys2 dd h3{position: relative;height: 136px;font-size: 34px;color: #1c1b1b;font-weight: bold;float: right;margin-top: 40px;margin-right: 170px;}
.advantage .ys2 h3 em{display: block;font-size: 26px;color: #008fd7;}
.advantage .ys2 h3:before{content: "";position: absolute;width: 29px;height: 3px;background: #008fd7;left:0;top:108px;}
.advantage .ys2 ul {float: right;margin-right: 110px;}
.advantage .ys2 li{line-height: 34px;position: relative;padding-left: 24px;font-size: 14px;color: #6f6f6f;background:url(../images/ysico.png) no-repeat 0 3px;line-height:24px; margin-bottom:13px; }
.advantage .ys2 li b{color: #008fd7;}
.advantage .ys2 li:hover{background:url(../images/ysico2.png) no-repeat 0 9px;}

/*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{margin-bottom: 60px;overflow: hidden;}
.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;}
.news .pro-tit{line-height: 100px;height: 100px;}
.news-l,.news-r{ width:565px;padding: 10px 0 0;}
.news-t{ height:60px;line-height: 60px;overflow: hidden;}
.news-t i{font-weight: lighter;margin-right: 6px;}
.news-t a{font-size: 22px;color: #333;font-weight: bold;}
.news-t a:hover,.news-l dl dd a:hover,.news01 dl:hover dd a{color: #5176BA;}
.news-t span{float: right;display: block;width: 70px;height: 18px;text-align: center;line-height: 18px;border: #919191 1px solid;border-radius: 20px;margin-top: 18px;}
.news-t span a{font-size: 12px;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.news-l dl{width: 565px;height: 336px;border-bottom: #e8e8e8 1px solid;margin-bottom: 15px;}
.news-l dl dt{width: 564px;height: 189px;line-height: 0;overflow: hidden;}
.news-l dl dt img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news-l dl dd{}
.news-l dl dd a{display: block;padding: 15px 0 0;color: #333;}
.news dl dd h5{height: 30px;line-height: 30px;font-size: 18px;font-weight: normal;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dl dd p{font-size: 14px;color: #999;line-height: 24px;padding: 5px 0 0;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; }
.news dl dd span{display: block;font-size: 14px;line-height: 30px;}
.news-l dl dd i{display: inline-block;width: 60px;text-align: center;height: 24px;line-height: 24px;font-size: 20px;color: #fff;background: #5176BA;border-radius: 10%;margin-left: 20px;}
.news-c{width: 100%;}
.news-c ul li{ height:36px; line-height:36px; overflow:hidden;position: relative;}
.news-c ul li:before{content: "";width: 4px;height: 4px;background: #333;position: absolute;top: calc(50% - 2px);left: 5px;border-radius: 50%;}
.news-c ul li a{ font-size:14px; color:#333;display: block;float: left;width: 400px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px;}
.news-c ul li a:hover{color: #5176BA;font-weight: bold;}
.news-c ul li span{display: block;float: right;font-size: 14px;color: #999; text-align:right;}

/**/
.news-r .news-t{background: url(../images/news_ico02.gif) no-repeat 0 center;}
.news01{width: 100%;padding: 5px 0 0;}
.news01 dl{width: 100%;height: 120px;padding:15px 0;overflow: hidden;}
.news01 dl dt{width: 160px;height: 120px;line-height: 0;overflow: hidden;float: right;}
.news01 dl dt img{width: 160px;height: 120px;}
.news01 dl dd{float: left;width: 375px;}
.news01 dl dd a{display: block;color: #333;}
/**/
/**/
.about{height: 850px;border-bottom: #ebebeb 1px solid;position: relative;}
.ab_pic{display: block;width: 100%;line-height: 0;overflow: hidden;}
.ab_pic img{display: block;width: 100%;}
.about dl{position: absolute;bottom: 0;right: 0;background: url(../images/ab_bg.jpg) no-repeat;width: 43.07%;height: 36.7rem;background-size: 100% 36.7rem;padding: 5.5rem 0 0 5rem;box-sizing: border-box;}
.about dl dt{height: 10rem;background: url(../images/ab_line.png) no-repeat 0 bottom;background-size: 18rem 0.3rem;}
.about dl dt a{display: block;font-size: 2.2rem;color: #fff;font-weight: bold;line-height: 2.4rem;}
.about dl dt i{display: block;font-size: 3.6rem;color: rgba(255,255,255,0.4);text-transform: uppercase;line-height: 3.6rem;padding-bottom: 0.5rem;}
.about dl dt span{display: block;font-size: 0.9rem;font-weight: normal;}
.about dl dd{padding: 1rem 0 0;width: 18.5rem;}
.about dl dd p{font-size: 16px;color: #fff;line-height: 32px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; text-overflow: ellipsis; }
.about dl dd span{padding: 1.5rem 0 0;display: block;width: 70%;}
.about dl dd span a{display: flex;align-items: center;justify-content: center;font-size: 0.8rem;color: #fff;width: 100%;height: 3rem;border: #fff 0.1rem solid;border-radius: 3rem;}
.about dl dd i{width: 1.2rem;height: 1.2rem;line-height: 1.2rem;overflow: hidden;padding-right: 0.5rem;}
.about dl dd i {width: 1.2rem;height: 1.2rem;}

/*企业相册*/
.photo{padding: 0 0 70px;margin-top: -99px;position: relative;z-index: 2;}
.photo-t{width: 730px;height: 100px;}
.photo-t ul li{width: 243px;height: 100px;line-height: 26px;float: left;}
.photo-t ul li em{display: block;float: left;line-height: 0;overflow: hidden;width: 50px;height: 60px;padding-right: 12px;}
.photo-t ul li em img{width: 50px;height: 120px;-webkit-transition:all .5s;transition:all .5s;}
.photo-t ul li span{display: block;float: left;padding: 5px 0 0;}
.photo-t ul li i{display: block;font-size: 14px;color: rgba(51,51,51,0.4);text-transform:capitalize;font-weight: normal;}
.photo-t li a{font-size: 24px;color: #333;display: inline-block;height: 100px;position: relative;}
.photo-t ul li a:before{content: "";width: 0;height: 3px;background: #1292D3;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;}
.photo-t li.on a{font-weight: bold;color: #1292D3;}
.photo-t ul li.on a:before{width: 100%;}
.photo-t li.on em img{margin-top: -60px;}
.photo-qie{width: 1200px;overflow: hidden;padding: 60px 0 0;}
.photo-m {position: relative;}
.photo-m ul li{width: 289px;height: 217px;line-height: 0;float: left;margin-right: 13px;overflow: hidden;position: relative;}
.photo-m ul li img{width: 289px;height: 217px;}
.photo-m ul li span{display: block;width: 100%;text-align: center;height: 40px;line-height: 40px;font-size: 16px;color: #fff;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.4);}
.photo-m p{width: 56px;height: 56px;top: 140px;font-size: 56px;text-align:center;}
.photo-m p a,.photo-m p i {width: 56px;height: 56px;display: block;}
.ph-lico{left: -88px;}
.ph-rico{right: -88px;}
    /**/
.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;}
    .yz .gui .gui-sz li:first-child{width: 16.8%;}
    .yz .gui .gui-sz li:nth-child(4){width: 16.5%;}
    .yz .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;}
}