.pr-nav-list{ width: 100%; display: block; text-align: center; }
.pr-nav-list .tit{ width: 100%; margin: 52px 0; display: block; }
.pr-nav-list .tit h2{  font-size: 36px; font-family: Arial Narrow,"Microsoft YaHei"; color: #000;}
.pr-nav-list .tit p{  font-size: 16px; color: #8d8d8d; }
.pr-nav-list .list{ width: 100%; float: left;  overflow: hidden; position: relative;}
.pr-nav-list .list .bd{ width: 100%; float: left; position: relative; overflow: hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.pr-nav-list .list li{ width: 25%; height: 388px; display: table; font-size: 0; text-align: center; border-right: 1px solid #ccc; float: left;}
.pr-nav-list .list li a{ width: 100%; height: 388px; display: table-cell; vertical-align: middle; box-sizing: border-box;}
.pr-nav-list .list li a:hover{box-shadow: 0 0 10px #666;}
.pr-nav-list .list li img{ display: inline-block; height:70px; vertical-align:middle;}
.pr-nav-list .list li .name{ width: auto; font-size: 16px; text-transform: uppercase; color: #000;  margin-top: 12px; height: 42px; line-height: 42px; position: relative;}
.pr-nav-list .list li .name:after{ content: ""; width: 20px; height: 2px; background: #007dc2; display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -10px;}
.pr-nav-list .list li p{ width: 300px; margin: 12px auto; font-size: 12px; line-height: 24px; height: 72px;  color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical;}

.pr-nav-list .list li a:hover .name{ color: #007dc2 }
.pr-nav-list .list li a:hover p{ color: #222 }

.pr-nav-list .hd{ overflow:hidden; width: 100%; height:30px; text-align: center; position: absolute; bottom: -60px; display: none; }
.pr-nav-list .hd ul{ width: auto; margin: 0 auto; display: inline-block;}
.pr-nav-list .hd ul li{ display: inline-block; width:9px; height:9px; overflow:hidden; margin: 0 3px; border-radius: 18px; text-indent:-999px; cursor:pointer; background:#eee; }
.pr-nav-list .hd ul li.on{ background: #b7b7b7; }
.pr-nav-list .list .prev,.pr-nav-list .list .next{ height: 60px; width: 46px; background: #787878; color: #fff; font-family: iconfont; text-align: center; line-height: 60px; font-size: 24px; position: absolute; margin-top: -23px; top: 50%; right: -60px; cursor: pointer; opacity: 0; z-index: 50}
.pr-nav-list .list .prev{ left: -60px; }
.pr-nav-list .list:hover a{ opacity: 1; }
.pr-nav-list .list:hover .prev{ left: 0; }
.pr-nav-list .list:hover .next{ right: 0; }
.pr-nav-list .list > a:hover{ background: #007dc2; }

.i-ab{ width: 100%; display: block; position: relative; overflow: hidden;}
.i-ab .l{ width: 752px; display: inline-block; background: url(../images/i-cf.jpg) no-repeat; height: 394px; position: absolute; left: 0; }
.i-ab .r{ width: 100%; box-sizing: border-box; padding:0 40px 0 792px; height: 394px; display: inline-block; background: #007dc2; color: #fff; }
.i-ab .r .text{ margin-top: 42px; }
.i-ab .r .text h2{ font-size: 36px; font-family: Arial Narrow,"Microsoft YaHei"; }
.i-ab .r .text p{ font-size: 16px; position: relative; line-height: 30px; height: 90px; opacity: 0.8; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical;}  

.i-ab .r .list{ width: 100%; display: block; font-size: 0; padding-top: 20px; margin-top: 36px; border-top: 1px solid #40a5d7; }  
.i-ab .r .list p{ position: relative; width: 21%; margin-right: 4%; display: inline-block; box-sizing: border-box; padding-left: 92px; height: 50px; border-right: 1px dashed #c0dff0; font-size: 12px; color: #fff; }
.i-ab .r .list p span{ font-size: 24px; display: inline-block; margin-top: 12px;}
.i-ab .r .list p:before{ content: ""; position: absolute; left: 0; top: 0; height: 50px; width: 92px; background: url(../images/i-ad01.jpg) no-repeat top center; display: inline-block; }
.i-ab .r .list p:last-child{ border-right: none; }
.i-ab .r .list p.icon02:before{ background: url(../images/i-ad02.jpg) no-repeat top center;}
.i-ab .r .list p.icon03:before{ background: url(../images/i-ad03.jpg) no-repeat top left;}
.i-ab .r .list p.icon04:before{ background: url(../images/i-ad04.jpg) no-repeat top center;}




.i-adv{ width: 100%; display: block; height: 756px; background: url(../images/i-adv-bj.jpg) no-repeat top center; padding-top: 142px; box-sizing: border-box;}
.i-adv .i-zs{ width: 339px; margin-left: 56px; height: 510px; display: inline-block; overflow: hidden; position: relative; }
.i-adv .i-zs .bd{ position:relative; width: 100%; height:auto; z-index:0;}
.i-adv .i-zs .bd ul{ position:relative;  z-index:0;}
.i-adv .i-zs .bd li{ zoom:1; vertical-align:middle; position:relative;  overflow: hidden;} 
.i-adv .i-zs .bd img{ width:100%; display:block;  }
.i-adv .i-zs .hd{ width:100%; bottom:0; text-align: center; display: block; position:absolute; z-index:999;}
.i-adv .i-zs .hd ul{ width: auto; margin:0 auto; display: inline-block; }
.i-adv .i-zs .hd li{ margin: 0 5px; width: 14px; height: 14px; border:1px solid #ccc; position: relative; border-radius: 100%; background:#f5f5f5; overflow: hidden; text-indent: -999px; float:left;transition:all 0.4s ease;}
.i-adv .i-zs .hd li.on{ background: #007dc2; }
.i-adv .r{ width: 850px; display: inline-block; margin-left: 30px; vertical-align: top;}
.i-adv .r .img{ width: 354px; height: 217px; margin-right: 22px; margin-bottom: 22px; display: inline-block; }
.i-adv .r h2{ font-size: 36px; font-family: Arial Narrow,"Microsoft YaHei"; color: #424242 }
.i-adv .r ul{ margin-top: 10px; width: 100%; display: block; }
.i-adv .r ul li{display: block; position: relative; width: 100%; line-height: 33px; font-size: 16px; color: #424242; box-sizing: border-box; padding-left: 36px;}
.i-adv .r ul li:before{ content: "\e62f"; position: absolute; left: 5px; font-family: iconfont; color: #007dc2; font-weight: bolder; }

.i_news { width:100%; position: relative; display: block; float:left; background: #fff; padding: 0 0 43px;}
.i_news .tit{ width: 100%; margin: 52px 0 30px; display: block; height: 48px; overflow: hidden; }
.i_news .tit h2{  font-size: 36px; font-family: Arial Narrow,"Microsoft YaHei"; color: #000; line-height: 48px;}
.i_news .tit > a{ float: right; color: #00afde; font-size: 15px; line-height: 60px; }
.i_news .tit > a:hover{ color: #000; }
.i_news .list{ width:100%; display: block; font-size: 0;}
.i_news .list li{ width:25%; display: inline-block; box-sizing: border-box; padding:8px; height:auto; position:relative; transition:all 0.3s;}
.i_news .list li .pic{ width:100%; }
.i_news .list li .pic img{ width:100%; height: 304px; box-sizing: border-box; border: 1px solid #ddd; }
.i_news .list li dl{ width: 100%; font-size: 14px; border-bottom: 1px dashed #ccc; color: #000; padding: 16px 0 10px; line-height:22px; position: relative;}
.i_news .list li dl dt{ width:100%;  overflow:hidden;  height:48px; line-height: 24px; font-size:14px; text-align: center; box-sizing: border-box; }
.i_news .list li dl dt:hover{ color: #bbb } 

.i_news .list li dl dd{ font-size: 14px; margin: 15px 0; color: #777; line-height:24px; height: 72px; text-overflow: ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient:vertical;  float:left; transition:all 0.3s; display: none;}

.i_news .list li dl .time{ width:40px; line-height: 24px; display:none; height:66px; position:absolute; left:0; top:0; box-sizing:border-box; color:#fff;  font-size:14px; float:left;text-align:center; background: #359eff;}
.i_news .list li dl .time span{color: #359eff; background: #f4f4f4; display: block; width: 100%; line-height: 42px; height: 42px; }
.i_news .list li a.more{ width:auto; display: none; height: 36px; line-height: 36px; color: #359eff; font-size: 14px; float:left; margin-top:5px;}
.i_news .list li a.more:after{  content: ">"; font-weight: bold; padding-left: 6px; font-family: "宋体"; }
.i_news .list li:hover dl dd{ color:#000; }
.i_news .list li a.more:hover{ opacity: 0.7 }






.footlist{ width: 100%; float:left; font-size: 0; background: #007dc2; height: 401px; color: #fff; }
.footlist .title{  width: 100%; float: left; font-size: 20px; font-family: "iconfont"; color: #fff; margin-bottom: 32px; text-transform: uppercase; }
.footlist .i-contact{ width: 50%; float: left; box-sizing: border-box; padding-left: 16px; margin-top: 32px;}
.footlist .i-contact .title{ height: 60px; line-height: 60px; font-size: 160px; margin-bottom: 0;}
.footlist .i-contact ul{ width: 100%; float: left; color: #fff; }
.footlist .i-contact ul li{ position: relative; width: 100%; float: left; line-height: 36px; font-size: 14px; box-sizing: border-box; padding-left: 30px; margin: 10px 0 0;}
.footlist .i-contact ul li.icon-adds{ font-size: 14px; }
.footlist .i-contact ul li:after{ content: "\e688";  font-size: 20px; line-height: 36px; text-align: center; color: #fff; font-family: "iconfont"; position: absolute; left: 0; top: 0;}
.footlist .i-contact ul li.icon-tel:after{ content: "\e6c5"; font-size: 18px; line-height: 36px;}
.footlist .i-contact ul li.icon-fax:after{ content: "\e746"; font-size: 18px; line-height: 36px;}
.footlist .i-contact ul li.icon-mail:after{ content: "\e655"; line-height: 36px;}
.footlist .i-contact ul img{ width: 120px; margin-top: 15px; }
.footlist .foot-nav{ width: 50%; float: left; box-sizing: border-box; padding-left: 16px; margin-top: 32px;}
.footlist .foot-nav ul{ width: 25%; float: left; }
.footlist .foot-nav ul h2{ width: 100%; display: block; color: #fff; font-size: 14px; line-height: 36px; margin-bottom: 10px;}

.footlist .foot-nav ul li{ width: 100%; float: left; line-height: 35px; }
.footlist a{ color: #fff; font-size: 12px; line-height: 24px; text-transform: capitalize; }
.footlist a:hover{ text-shadow: 0 0 2px #fff;  } 


@media screen and (max-width: 1600px) {
.i-ab .r .list p{ position: relative; width: 23%; margin-right: 2%; display: inline-block; box-sizing: border-box; padding-left: 72px; height: 50px; border-right: 1px dashed #c0dff0; font-size: 12px; color: #fff; }
.i-ab .r .list p span{ font-size: 24px; display: inline-block; margin-top: 12px;}
.i-ab .r .list p:before{ content: ""; position: absolute; left: 0; top: 0; height: 50px; width: 72px; background: url(../images/i-ad01.jpg) no-repeat top center; display: inline-block; }
.i-ab .r .list p:last-child{ border-right: none; }
.i-ab .r .list p.icon02:before{ background: url(../images/i-ad02.jpg) no-repeat center center; }
.i-ab .r .list p.icon02{margin-right: 1%; width: 24%;}
.i-ab .r .list p.icon03:before{ background: url(../images/i-ad03.jpg) no-repeat center center; width: 92px;}
.i-ab .r .list p.icon03{ padding-left: 92px; }
.i-ab .r .list p.icon04{ padding-left: 62px; }
.i-ab .r .list p.icon04:before{ background: url(../images/i-ad04.jpg) no-repeat center center; width: 52px;}
}

@media screen and (max-width: 1440px) {
.i-ab .r .list p{ position: relative; width: 25%; margin-right: 0%; display: inline-block; box-sizing: border-box; padding-top: 60px; text-align: center; padding-left: 0; height: 100px; border-right: 1px dashed #c0dff0; font-size: 12px; color: #fff; }
.i-ab .r .list p span{ font-size: 24px; display: inline-block; margin-top: 0;}
.i-ab .r .list p:before{ content: ""; position: absolute; left: 50%; margin-left: -46px; top: 0; height: 50px; width: 92px; background: url(../images/i-ad01.jpg) no-repeat top center; display: inline-block; }
.i-ab .r .list p:last-child{ border-right: none; }
.i-ab .r .list p.icon03:before{ background: url(../images/i-ad03.jpg) no-repeat top center;}
.i-ab .r .list p.icon02{margin-right: 0; width: 25%;}
.i-ab .r .list p.icon03:before{ background: url(../images/i-ad03.jpg) no-repeat center center; width: 92px;}
.i-ab .r .list p.icon03{ padding-left: 0; }
.i-ab .r .list p.icon04{ padding-left: 0; }
.i-ab .r .list p.icon04:before{ background: url(../images/i-ad04.jpg) no-repeat center center; width: 92px;}

}