*{
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    box-sizing: border-box;}
  a{text-decoration: none;color:gray;}
  a:hover{color:none;}
  div,button,input{outline: none;}
  .w1200{width: 1200px;margin:0 auto;}
  .w{width: 1200px;margin:0 auto;}
  .left{float: left;}
  .right{float: right;}
 

  .title1{padding-top:60px;text-align: center;border-bottom: 1px white solid;height: 120px;}
  .title1 span{color: rgb(235, 155, 42);font-size: 30px;text-transform: uppercase;}
  .title1 p{font-size: 24px;background:#0068b7;width: 150px;margin: 0 auto;}

  .title2{padding-top:60px;text-align: center;border-bottom: 1px grey solid;height: 120px;}
  .title2 span{color: rgb(235, 155, 42);font-size: 30px;text-transform: uppercase;}
  .title2 p{font-size: 24px;background:white;width:200px;margin: 0 auto;}


  .cases{height: 340px;}
  .cases li{width: 360px;height:325px;text-align: center;margin: 16px;}
  .cases li img{width: 360px;height:288px;}
  .cases li p{font-size: 14px;line-height: 30px;color:white}


  .bigo{width:70px;height:70px;border: 3px rgba(64,92,220,1) solid;border-radius: 35px;
    margin: 0 auto;margin-top: 20px;}
  .sm{width: 54px;height: 54px;border-radius: 27px;background: rgba(64,92,220,1);margin: 5px auto;color: white;line-height: 54px;
    font-size: 13px;text-align: center;}



    .works{margin-top: 50px;}
    .works li{width: 250px;text-align: center;float: left;
        margin:15px 25px;line-height: 25px;}
    .works li:hover img{transform: scale(1.1)}
    .works li img{width: 100%;height: 263px;transition: 0.5s}





    .pro-hd
{
    margin-bottom: 50px;
}
.pro-hd ul
{
    text-align: center;
}

.pro-hd ul li 
{
    display: inline-block;
}
.pro-hd ul li:nth-child(n+2)
{
    margin-left:10px;
}
.pro-hd ul li a
{
    display: block;
    height: 50px;
    padding: 0 10px;
    background-color: #e5e5e5;
    line-height: 50px;
    text-align: center;
    font-size: 17px;
}
.pro-hd ul li.on a
{
    background-color: #00428e;
    color: #dde2eb;
}

.pro-bd
{
    padding-bottom: 25px;
}
.pro-bd li
{
    width: 280px;
    float: left;
    margin: 0 10px 52px;
    position: relative;
    text-align: center;
    background-color: #ffffff;
}

/*.pro-img */
/*{*/
/*    width: 100%;*/
/*    height: 210px;*/
/*    border: 1px solid #bfbfbf;*/
/*    box-sizing: border-box;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/
/*.pro-img img*/
/*{*/
/*    display: block;*/
    /*width: 70%;*/
/*}*/
.pro-bd li p
{
    height: 190px;
    line-height: 190px;
    text-align: center;
    color: #666666;
    font-size: 20px;
    border-bottom: 3px solid #cdcdcd;
    box-sizing: border-box;
    height: 81px;
    line-height: 61px;
}
.pro-yuan
{
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #f2f2f2;
    font-size: 13px;
    background-color: #cdcdcd;
    border-radius: 50%;
    font-weight: bold;
    bottom: -19px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.pro-bd li:hover p
{
    border-bottom: 3px solid #ff9900;
}
.pro-bd li:hover .pro-yuan
{
    background-color: #ff9900;
}





.i-superiority {
    padding: 70px 0 62px;
}

.i-superiority .w {
    padding: 0 27px 0 32px;
}

.i-superiority .w .i-sup-tit {
    text-align: center;
}

.i-superiority .w .i-sup-tit img {
    display: inline-block;
}

.i-superiority .w .i-sup-con .i-sup-hd {
    width: 597px;
}

.i-superiority .w .i-sup-con .i-sup-bd {
    width: 475px;
    margin-top: 50px;
    background: url('../image/sup_bg.png') no-repeat 41px 48px;
}

.i-superiority .w .i-sup-con .i-sup-bd ul li {
    height: 100px;
}

.i-superiority .w .i-sup-con .i-sup-bd ul li .xh {
    width: 93px;
    text-align: center;
    font-size: 28px;
    height: 51px;
    line-height: 42px;
    color: #fff;
    background: url('../image/sup_ico.png') no-repeat center;
}

.i-superiority .w .i-sup-con .i-sup-bd ul li .text {
    width: 360px;
    margin-left: 20px;
}

.i-superiority .w .i-sup-con .i-sup-bd ul li .text h4 {
    font-size: 20px;
    color: #0068b7;
}

.i-superiority .w .i-sup-con .i-sup-bd ul li .text p {
    font-size: 16px;
    margin-top: 5px;
    line-height: 27px;
    color: #666;
}

.i-superiority .w .i-sup-con .i-sup-bd ul li:hover .xh {
    background: url('../image/sup_ico2.png') no-repeat center;
}





.newslist {margin: 10px 0;}
.newslist a{background: #393939;width: 400px;height: 50px;float: left;color: white;text-align: center;line-height: 50px;}
.newslist a:hover{background:#1e61ba;}
/*.newslist a:first-child {background:#1e61ba;}*/
/*.newslist a:last-child{*/
/*    display: none;*/
/*}*/

.newshow li{width: 380px;margin: 10px;float: left;font-size: 12px;color: gray;}
.newshow li img{display: block;height: 240px;margin: 0 auto;}
.newshow li p{font-size: 16px;color: black;line-height: 25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}



.foote{height: 270px;background: rgb(51, 51, 51);padding: 45px 0;
    color: white;}
.foote strong{font-size: 22px;line-height: 55px;margin-bottom: 10px;}
.foote a{font-size: 14px;
    line-height: 35px;
    width: 152px;color: white;
    display: block;
    float: left;}
.foote p{font-size: 14px;line-height: 35px;}
.addrass {background:black;padding:10px}
.footer-bottom{text-align:center;color:white}



.fix-contact {
	position: fixed;
	right: 0;
	bottom: 10%;
	z-index: 120;
}
.fix-contact li {
	width: 68px;
	height: 68px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background: #0173d6;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 12px;
	position: relative;
}
.fix-contact li p {
	margin-top: 2px;
}
.fix-contact li .hov {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;
	transform: translateX(100%);
}
.fix-contact li .hov img {
	margin-right: 68px;
}
.fix-contact li a {
	color: inherit;
}
.fix-contact li .hov .fix-tel {
	height: 68px;
	padding: 0 25px;
	background: #0173d6;
	font-size: 33px;
	color: #fbfdff;
	white-space: nowrap;
	line-height: 68px;
}
.fix-contact li:first-of-type {
	border-radius: 10px 10px 0 0;
}
.fix-contact li:last-of-type {
	border-radius: 0 0 10px 10px;
}
.fix-contact li:hover .hov {
	transform: translateX(0);
}