﻿html,div,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,img,q,small,var,b,u,i,dl,dt,dd,ol,nav,ul,li,form,label,table,tr,th,td,details,figure,figcaption,footer,header,menu,nav,text,hr{margin:0;padding:0;border:0;font: 16px "微软黑体";}
ol,ul,li{list-style:none;margin:0px;padding:0px;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
html{font-size:14px; }
body{font-size:14px; }
.nav>li>a {display: inline;padding: 0}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background: none!important;
}
.base-content h3:after {
    border-top: 2px solid #1e99ef;
    display: block;
    width: 20px;
    content: "";
    margin: 20px  0;
}
@font-face {
  font-family:arialbd;
  src: url('../arialbd.ttf');
}
.portfolio-grids_left{padding:0;}
<!--顶部导航-->
.logo img{z-index: 10;margin-top:40px}
.logo a img{z-index: 10;margin-top:40px}
.header{
    width: 91%;
    margin: auto;
    overflow: hidden;
}
.m-header{
    width:84%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content:space-between;
    margin: auto;
}
.navbar-collapse{
    text-align: center;
}
.navbar-nav li a{font-size:14px;}
.nav .primary{
    /* 	display: flex;
        flex-direction:row;
        justify-content: flex-end; */
    position: absolute;
    right: 0;
    top: 20px;
}
.navbar{margin-top: 40px;}

.navbar-nav li {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover{
    color:#1784d9;
}
.navbar-dark .navbar-nav .nav-link{color:#fff}
.navbar-nav li strong{
    color: #fff;
    font-size: 16px;
    font-family:'Aclonica', sans-serif;
}
.navbar-brand{display:none;}
.navbar-nav li.current a{color:#1784d9!important}
.navbar-nav .On .nav-link{color:#1d99ef!important}
<!--底部页面-->
.foot-b div:nth-child(2) span{margin-top: 15px;text-align: right}
.foot-t{border-bottom: 1px solid  #333333;padding-bottom:50px}
.foot-t-content ul{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.foot-t-content ul li{width:25%;text-align: center}
.foot-t-content ul li h5{color: #fff;font-weight: bold;margin-top: 40px;text-align: left;}
.foot-t-content ul li h5:after{
    content: "";
    display: block;
    border-bottom: #333333 1px solid;
    margin-top: 21px;
}
.foot-t-content ul li span{display: block;margin-top: 20px;color: #fff;text-align: left;opacity: .5;}
.foot-t-content ul li img{margin-top: 20px}
.marker{background: url(../images/add.png)no-repeat 0 0;height: 45px;opacity: 1!important;;}
.marker i{line-height: 1.25;display: block;padding-left:40px;opacity: .5;}
.phone{background: url(../images/telephone.png)no-repeat 5px 6px;height: 45px;opacity:1!important; ;}
.phone i{line-height: 1.25;display: block;padding-left:40px;opacity: .5!important;;}
.foot-t-content ul li:nth-child(2) span{margin-right:20px}
.foot-t-content ul li:nth-child(3) span{margin-top:10px;text-align: center}
.foot-t-content ul li i, .foot-t-content ul li span a{font-size:15px}
.foot-t-content ul .link i:after{
content: " ";
    display: inline-block;
    width: 2px;
    height: 12px;
    background: #F3F3F4;
    margin: -1px 10px;
    opacity: .5;}

.foot-t-content ul .link i a {    color: #fff;    opacity: .5;}
.foot-t-content ul .link i a:hover{ opacity: 1;}
.foot-t-content ul li div{    display: block;
    margin-top: 20px;
    color: #fff;
    text-align: left;}
.foot-t-content ul .link i a:hover{opacity:1;}
.foot-b{padding: 20px 0}
.foot-t-content ul li div i:nth-child(4):after,.foot-t-content ul li div i:nth-child(6):after{display:none}
.foot-b span{line-height: 30px;color: #a1a1a1;display: block;font-size:13px;}
.foot-b span a{color: #a1a1a1;}
.last{background-color:#111111;}
.foot{width: 80%;margin: auto}
<!--新闻页面-->
.news li{border-bottom:#dddddd 1px solid;}
.news li:first-child{
    border-top: #dddddd 1px solid;
}
.news li:nth-child(2){ border-top: #dddddd 1px solid;}
.news li:nth-child(even){float: right}
.news li:nth-child(odd){float: left}
.news li span{color:#bebebe;display: block;margin-top: 10px}
.news li h5{margin-top: 15px}
.news li h5 a{font-size:16px;color:#212529;height: 79px;}
.news li a{color: #979797;font-size: 25px;font-weight:bold;display: block}
.news li h5 a{font-weight:normal}
.picture li:first-child{margin-bottom:2em;}
.picture li img{margin-bottom: 1px;width:53%}
.picture li span{display:block;color:#212529}
.content{padding:140px 0 230px 0;text-align: center}
.content h2 {
    font-size: 32px;
    font-weight: bold;
    color: #fff
}
.content span {font-size: 18px;color: #fff}
.base {background-color: #f5f5f5;}
.box{margin-top: 55px;position: relative}
.box{margin-top: 78px;position: relative}

.base-content{
    background-color: #fff;
    border: #fff 1px solid;
    padding: 0 40px;
    width: 84%;
    margin: auto;
    position: relative;
    top: -90px;
}
.base-back{
    position: absolute;
    z-index: 1;
    left:0;
}
.base-back span{
    font-size: 182px;
    display: block;
    color: #ebebeb;
    font-weight: bold;
    padding-left: 30px;
    margin-top:37px;
    font-family:arialbd;
}
.base-bt{
    position: relative;
    z-index: 2;
}
.base-bt h3{font-size: 48px;color: #333333;font-weight: bold;}
.pageturning{padding: 80px 0;text-align: center}
.pageturning a{
    line-height: 20px;
    width:55px;
    display:inline-block; 
    border: #ededed 1px solid;
    border-left:none;
    font-size:14px;
    padding: 16px 3px;
    color:#212529; 
    margin-left:-8px;
}
.pageturning a:hover{background-color:#1e99ef;color:#fff}
.pageturning .current{background-color:#1e99ef;color:#fff!important}
@media screen and (max-width: 767px) {
.pageturning a{   
    line-height:0;
    padding: 0;
    display: inline-block;
    border: 0;
    font-size: 16px;
}
.pageturning{
   padding:0 0 20px 0;
}
.content h2:after {
    border-top: 1px solid #ffffff;
    display: block;
    width: 20px;
    content: "";
    margin: 20px auto;
}
.base-content h3:after {
    border-top: 2px solid #1e99ef;
    display: block;
    width: 20px;
    content: "";
    margin: 10px  0;
}
.base-back{display:none;}
.navbar-brand{float:left;display:inline-block;font-size:20px;color:#1e9ef0!important;font-size:14px}
.logo{display:none;}
.navbar{width:100%}
#header{background-color: #333333;}
.navbar{margin-top:0;}
}
.portfolio-grids_right span{text-align: right;}
.border{border: 1px solid rgb(255,255,255,0.5) !important}
.sidebar-content p, .sitepath-content p{line-height:1.7}
.sidebar-content p{padding:0 70px}
.indexTittle,.phoneFooter{display:none}
.phoneFooter{background: #111111}
.phoneFooterContent{padding:20px 15px 15px;font-size: 14px}
.phoneFooterContent img{max-width: 45%;padding-bottom: 30px}
.phoneFooterContent li{margin-bottom: 15px}
.phoneFooterContent li h4{color:#ffffff;font-weight: bold;}
.phoneFooterContent li h4:after,.phoneLast:before{
    content: " ";
    display: block;
    width: 100%;
    margin: 15px 0;
    height: 2px;
    background-color: #292929;
}
.phoneFooterContent li span,.phoneFooterContent li ul li a{color: #888888;opacity: .8;margin-bottom: 5px;display: block;font-size:14px}
.phoneFooterContent li ul li{width: 33%;float: left;;display: inline-block;margin-bottom: 0px}
.phoneFooterContent li:last-child{margin-bottom: 0;}
.phoneFooterContent li ul{overflow: hidden}
@media screen and (max-width: 767px) {
   .base-content{width:100%;padding:0 15px; }
   .base-bt h3{margin-top:0;font-size: 28px;}
   .content{padding:0px}
   .banner .container{display:none}
   .base-content{top:0}
   .last{display:none}
   .banner-info{display:none}
   .m-header{width:95%}
   .pageturning .current{color:red!important}
   .box{margin-top: 20px;}
   .phoneFooter{display:block}
}
/*Firefox*/
@-moz-document url-prefix() {
	.news li span{margin-top:12px}
        .news li h5{margin-top:18px}
        .picture li img{width:50%}
}


