.page{text-align: center;overflow: hidden;margin: 20px 0;}
 .page a{width: 50px;height: 50px;line-height: 50px;display: inline-block;background: #086cb9;border: 1px solid #086cb9;font-size: 24px;color: white;}
 .page a.on{background: white;color: #636363;}
 .page a:hover{background: white;color: #636363;}
.big-img{width: 100%;overflow: hidden;position: relative}
.big-img img{width: 100%;display: block;}
.about {padding: 40px 0;position: relative;overflow: hidden;}
.about-list{overflow: hidden;}
.about-list .left img{width:400px ;}
/*.about-list .right{width: 620px;}*/
.about-list .right h1{font-family:"gan";font-size: 48px;} 
.about-list .right span.span{font-family: "微软雅黑";font-size: 30px; color: #0099ff;margin-bottom: 20px;display: block;}
.about-list .right span em{color: #7fbe25;}
.about-list .right h4{    font-family: "微软雅黑";
    font-size: 24px;
    margin-bottom: 20px;}
.about-list .right p{
    font-size: 20px;
    line-height: 36px;
}

.about-info{clear: both;margin: 30px 0;position:relative;overflow: hidden;}
.about-info .left{width: 561px;margin-left: 10%;}
 .zixun{background-color: #1941e4;color: #fff;width: 265px;}
.zixun .p1{text-align: center;font-size: 20px;}
.zixun .p2{font-size: 20px;text-align: center;}
.about-info .left h4,.about-list .left h4{font-family:"微软雅黑" ;font-size: 24px;
margin-bottom: 20px;
}
.about-info .left p,.about-list .left p{font-size:20px ;line-height: 36px;}


.about-info .right{width: 620px;float: right;margin-right: 3%;}
.product {position: relative;}

.product .nav-list{background: #f8f8f8;overflow: hidden;height: 55px;}

.product .nav-list ul li{font-family: "微软雅黑";font-size: 18px;float: left;margin: 0 76px;height: 55px;line-height: 55px;position: relative;}
.product .nav-list ul li a{display: block;}
.product .nav-list ul li.on:before{content: "";width: 100%;background: url(../images/blue.png) no-repeat;background-size: 100% 100%;height: 9px;display: block;position: absolute;top: 0px;}
.product .nav-list ul li:hover:before{content: "";width: 100%;background: url(../images/blue.png) no-repeat;background-size: 100% 100%;height: 9px;display: block;position: absolute;top: 0px;}
.pic {position: relative;padding: 30px 0;overflow: hidden;}
.pic ul{margin-right: -21px;overflow: hidden;margin-bottom: 20px;}
.pic ul li{float: left;text-align:center;margin-right: 21px;margin-bottom: 20px;}
.pic ul li img{display: block;border-radius: 10px;height: 173px;margin-bottom: 10px;}
.pic .page{text-align: center;overflow: hidden;margin: 20px 0;}
.pic .page a{width: 50px;height: 50px;line-height: 50px;display: inline-block;background: #086cb9;border: 1px solid #086cb9;font-size: 24px;color: white;}
.pic .page a.on{background: white;color: #636363;}
.pic .page a:hover{background: white;color: #636363;}
 .p-nav {padding: 10px 0;border-bottom: 1px solid #636363;}
 .p-nav img{display: inline-block;vertical-align: middle;margin-right: 10px;}
 .p-nav a:hover{color: red;}
 .pro-dal{position: relative;padding: 30px;}
 .pro-dal h1{font-family: "微软雅黑";font-size: 32px;text-align: center;margin-bottom: 20px;}
 .pro-dal p{font-size: 16px; line-height: 36px;text-indent: 2em;color: dimgray;}
 .pro-dal h6 {font-size: 18px;color: #636363;}
 .pro-dal img{text-align: center;display: block;margin: auto;}
 .pro-dal .fan {border-top: 1px solid #636363;overflow: hidden;clear: both;padding: 20px 0;}
 .pro-dal .fan a{display: block;margin-bottom: 10px;}
 .pro-dal .fan a.go{float: right;margin-top: -50px;width: 120px;text-align: center;background: #00b7ee;color: white;height: 40px;line-height: 40px;font-size: 18px;}

.news{margin: 50px 0;position: relative;overflow: hidden;}
.news .box {position: relative;height: 370px;overflow: hidden;}
.news .box ul.bd{height: 370px;}
.news .box ul li {width: 100%;overflow: hidden;float: left;}
.news .box ul li img{float: left;width: 505px;height: 370px;}
.news .box ul li .text{float: right;width: 600px;padding: 20px;}
.news .box ul li .text h3{font-family: "微软雅黑";font-size: 24px;  margin-bottom: 20px; word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;}
.news .box ul li .text span{position: relative;font-family: "微软雅黑";font-size: 14px;margin-bottom: 20px;display: inline-block;}
.news .box ul li .text span:before{content: "";display: inline-block;width: 12px;height: 12px;background:url(../images/tine_06.png) no-repeat;background-position: center;margin: 0 10px;}
.news .box ul li .text p{font-family: "微软雅黑";font-size: 16px;text-indent: 2em;line-height: 30px;}
.news .box .gd {position: absolute;bottom: 0px;z-index: 99;width: 600px;right: 0px;}
.news .box .gd ul li{width: 16px; height: 16px;background: #bfbfbf;border-radius: 50%;float: left;margin:0 10px;cursor: pointer;}
.news .box .gd ul li.on{background:#086cb9;}

.news .box .prev{width: 44px;height: 60px;background: url(../images/box-left.png) no-repeat; cursor: pointer;position: absolute;right: 130px;z-index: 99;bottom: 20px;}
.news .box .next{width: 44px;height: 60px;background: url(../images/box-right.png) no-repeat; cursor: pointer;position: absolute;right: 50px;z-index: 99;bottom: 20px;}

.news .list-news {position: relative;padding-top: 30px;}
.news .list-news ul li{ clear: both;border-bottom: 1px dashed;#086cb9;overflow: hidden;padding-bottom: 10px;margin-bottom: 10px;}
.news .list-news ul li img{float: left;width: 374px;height: 230px;display: block;}
.news .list-news ul li .infos{float: right;width: 780px;padding: 20px;}
.news .list-news ul li  h2{font-family: "微软雅黑";font-size: 20px;border-bottom: 1px solid #cccccc;padding: 10px 0;margin-bottom: 30px;}
.news .list-news ul li  h2 a:hover{color: #086cb9;}
.news .list-news ul li  h2 i{float: right;font-size: 14px;color: #a9a9a9;}
.news .list-news ul li p{font-family: "微软雅黑";font-size: 16px;line-height: 30px;text-indent: 2em;text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}   
.news-dal{}