header,
    section {
        width: 100%;
    }

    header {
        position: fixed;
        height: 74px;
        color: #ccc;
        z-index: 999;
    }

    header.fixed {
        height: 70px;
    }

    header .logo {
        position: fixed;
        top: 16px;
        left: 50px;
        width: 180px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .logo {
        width: 120px;
        top: 16px;
    }

    header .words {
        display: block;
        position: fixed;
        top: 40px;
        left: 250px;
        letter-spacing: 1px;
        font-weight: normal;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .words {
        top: 23px;
        left: 185px;
        font-size: 16px;
        font-weight: 400;
    }

    header nav.menu {
        margin: 36px 0 0 110px;
        text-align: center;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed nav.menu {
        margin: 22px 0 0 85px;
    }

    header nav.menu ul li {
        margin: 0 12px;
        font-size: 20px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
        height: 48px;
        position: relative;
    }
     header nav.menu ul li div{
         position: absolute;
         left:0;
         top:48px;
         text-align:center;
         width:120px;
         text-align: center;
         display: none;
     }
 header nav.menu ul li div a{
     display: block;
     line-height: 30px;
 }
 
 header.fixed nav.menu ul li div .bg1 {
  position: absolute;
  left: 0;
  top: 0;
  background: #111;
  -moz-opacity: 0.6;
  opacity: 0.6;
  width: 100%;
  z-index: -1;
  display: block;
  height: 60px;
}
    header.fixed nav.menu ul li {
        margin: 0 10px;
        font-size: 16px;
    }

    header nav.menu ul li a {
        color: #ccc;
        letter-spacing: 2px;
        cursor: pointer;
    }

    header nav.menu ul li a:hover,
    header nav.menu ul li.active a {
        /*color: #00dfb9;*/
        text-decoration: none;
    }

    header nav.menu .line {
        position: absolute;
        top: -99999px;
        width: 0px;
        height: 3px;
        font-size: 3px;
        background-color: #00dfb9;
        display: none;
    }

    header .hotline {
        position: fixed;
        top: 32px;
        right: 215px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline {
        top: 20px;
        right: 185px;
    }

    header .hotline span {
        position: fixed;
        color: #00dfb9;
        font-family: Arial;
        font-weight: bold;
        font-size: 26px;
        letter-spacing: 1px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline span {
        font-size: 20px;
    }

    header .hotline u {
        position: fixed;
        top: 35px;
        right: 230px;
        display: block;
        width: 30px;
        height: 30px;
        text-decoration: none;
        background: url(/static/images/icons.png) no-repeat;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline u {
        top: 20px;
        right: 195px;
    }

    header .hotline a {
        color: #00dfb9;
    }

    header .menu-icon {
        position: fixed;
        top: 34px;
        right: 48px;
        font-size: 24px;
        color: #00dfb9;
        z-index: 99;
        display: none;
    }

    header.fixed .menu-icon {
        top: 18px;
    }

    header .menu-icon a {
        color: #00dfb9;
        text-decoration: none;
    }

    header .menu-icon span {
        margin-left: 15px;
        -moz-opacity: 0.5;
        opacity: 0.5;
        cursor: pointer;
        /*-webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;*/
    }

    header .menu-icon span.glyphicon-earphone {
        display: none;
    }

    header .menu-icon span:hover,
    header .menu-icon span.active {
        -moz-opacity: 1;
        opacity: 1;
        /*-webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;*/
    }

    header .bg {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 0px;
        background: #111;
        -moz-opacity: 0.6;
        opacity: 0.6;
        z-index: -1;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .bg {
        height: 70px;
    }

    .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none;
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

    img {
        max-width: 100%;
    }






section.contact {
	position: relative;
	background: url(/static/images/wallpaper8.jpg) 50% bottom;
	-moz-background-size: cover;
	background-size: cover;
}

.contact .box {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 330px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.contact .box .above {
	position: relative;
	top: 90px;
	width: 100%;
	height: 200px;
	-moz-opacity: 0;
	
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}

.contact.active .box .above {
	top: 0px;
	-moz-opacity: 1;
	opacity: 1;
}

.contact .box .above .wechat {
	float: left;
}

.contact .box .above .left {
	float: left;
	margin: -12px 0px 0px 70px;
}

.contact .box .above .left a.tel {
	display: block;
	margin: 10px 0px 15px 0px;
	width: 243px;
	height: 37px;
	text-decoration: none;
	/*background: url(/static/images/words.png) no-repeat 0px -877px;*/
}

.contact .box .above .left p {
	margin-top: 8px;
	color: #FFF;
	line-height: 26px;
    text-align: justify;
}

.contact .box .above .left a {
	color: #FFF;
	text-decoration: none;
}

.contact .box .above .left p u {
	margin: 0 5px;
	text-decoration: none;
}

.contact .box .above .left p a.job {
	margin-left: 20px;
	color: #d00000;
	font-weight: bold;
    text-align: justify;
}

.contact .box .above .left p a.job:hover {
	border-bottom: 1px solid #d00000;
}

.contact .box .above .right {
	float: right;
	
	color: #FFF;
	line-height: 32px;
    text-align: justify;
    margin-top: 10px;
}

.contact .box .above .right u {
	margin: 0 5px;
	text-decoration: none;
}

.contact .box .below {
	position: relative;
	padding-top: 50px;
	width: 100%;
	border-top: 1px dotted #ccc;
}

.contact .box .below i {
	display: block;
	position: relative;
	top: 300px;
	margin: 0 auto;
	width: 424px;
	height: 86px;
	background: url(/static/images/words.png) no-repeat 0px -787px;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}

.contact.active .box .below i {
	top: 0px;
	-moz-opacity: 1;
	opacity: 1;
}



.title{margin:0 auto 0; padding:80px 0 60px 0; width:100%;text-align:center;}
.title1{margin:0;padding:0;font-size:2.5em}
.title2{margin:0;padding:0; padding-top:5px ;font-size:1.3em}
.title3{margin:0;padding:0; padding-top:3px ;font-size:0.75em }
.titleline{margin:15px auto;width:80px;height:3px;}
.tcolor1{color:#555;}
.tcolor2{color:#777;}
.tcolor3{color:#999;}
.tcolor4{color:#fff;}
.tlinecolor1{background:#00cc99;}
.tlinecolor2{background:#ffffff;}


#floor5 .tcolor1{color:#fff;}
#floor5 .tcolor2{color:#fff;}
#floor5 .tcolor3{color:#fff;}
#floor5 .tcolor4{color:#fff;}
#floor5 .tlinecolor1{background:#fff;}

@media screen and (max-width: 480px) {
.title{padding:30px 0 10px 0;}
.title1{font-size:1.65em;}
.title2{font-size:1em;}
.title3{display:none;}
.titleline{margin:5px auto 0;width:60px;height:3px;}
}

@media screen and (max-width: 320px) {
.title{padding:20px 0 10px 0;}
.title1{font-size:1.15em;}
.title2{font-size:0.6em;}
.title3{display:none;}
.titleline{margin:5px auto 0;width:60px;height:3px;}
}



.mainbg{ background:url(/static/images/mainbg.jpg); background-size:cover;}
.mainfloor{ padding-bottom:80px; clear:both}

@media screen and (max-width: 500px) {
.mainbg{ background:url(/static/images/mainbg.jpg); background-size:cover;}
.mainfloor{ padding-bottom:40px; clear:both}
}

.homenewslist{margin:0 auto;width:1170px;}
.homenewslist ul li{float:left;width:25%; margin-bottom:10px}
.homenewslist ul li a:hover{color:#00cc99;}
.newslistcon{ padding:0 20px ; width:90%}
.homenewslist ul{ margin:0 0 50px 0; height:auto; clear:both}
.homenewslist ul:after {content: ".";display: block; height:0; clear:both; visibility: hidden;}
.newslistpic img{width:100%;}
.newslistcon h2{margin:15px 0 0;padding: 0 0 0 5px;font-size: 1.4em;color: #666; text-align:center}
.newslistcon p{ color: #666; font-size: 1em;line-height: 140%; overflow:hidden; width:96%; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center}
#floor3 .newslistcon{ background:#FFFFFF; border:1px solid #dadfe5; padding:9px; margin:0 10px; box-shadow:1px 1px 2px #ddd}

@media screen and (max-width: 1180px) {
.homenewslist{width:960px;}
}

@media screen and (max-width: 960px) {
.homenewslist{width:780px;}
.homenewslist ul li{width:50%;}
}

@media screen and (max-width: 780px) {
.homenewslist{width:96%; }
.homenewslist ul li{ width:50%;}
#floor3 .newslistcon h2{ text-align:center; font-size:1.1em}
}

@media screen and (max-width: 480px) {
.homenewslist ul{ margin:0 0 30px; height:auto; clear:both}
.homenewslist{width:94%;}
.newslistcon{padding:0px;margin:0 auto;width:95%;overflow: hidden;}
.newslistpic img{width:100%;height:auto;}
.newslistcon h2{padding:0;font-size:1.1em;line-height:140%;border:none;}
.newslistcon span a{color:#8a8f99;}
.newslistcon p{width:80%; margin:5px auto;font-size:0.8em;}
#floor3 .newslistcon h2{ text-align:center; font-size:1.05em;margin:0 }
#floor3 .newslistcon{ width:90%; padding:5px;}
}

@media screen and (max-width: 320px) {
.homenewslist{width:95%; padding:40px 0}
.homenewslist ul li{float:none;width:100%;}
.newslistcon{position:static;height:auto;border-radius:none;}
.newslistpic:after{clear:both;}
.newslistcon h2{margin: 0;font-size:1.2em;}
.newslistcon p{font-size:0.6em; width:90%}
.newslistcon span{position:static;}
.homenewslist{margin:0px auto;}
#floor3 .newslistcon h2{ font-size:1.2em; }
}
#floor1 .homenewslist ul li{float:left;width:20%;}
#floor1 .homenewslist ul li a:hover{color:#00cc99;}
#floor1 .newslistpic img{
    width:100%;
    max-width:163px;
    margin:0 auto;
    display:block;
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: gray;
    cursor:pointer;
}
#floor1 .newslistpic img:hover{
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: grayscale(0%); 
    filter: gray;
    cursor:pointer;
}

#floor1 .newslistcon h2{margin:15px 0 0;padding: 0 0 0 5px;font-size: 1.2em;color:#666; text-align:center}
#floor1 .newslistcon p{ color:#666; font-size: 1em;line-height: 140%; overflow:hidden; width:100%; margin:0 auto; margin-top:10px;}

@media screen and (max-width: 1180px) {
#floor1 .homenewslist{width:960px;
}}

@media screen and (max-width: 960px) {
#floor1 .homenewslist{width:780px;}
#floor1 .homenewslist ul li{width:50%;
}
.hiddenmin{ display:none;
}}

@media screen and (max-width: 780px) {
#floor1 .homenewslist{width:96%; }
#floor1 .homenewslist ul li{ width:50%;}
#floor1 .newslistpic img{
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: grayscale(0%); 
    filter: gray;
    cursor:none;
}}

@media screen and (max-width: 480px) {
#floor1 .homenewslist{ width:94%;}
#floor1 .newslistcon{ padding:0px;margin:0 auto;width:95%;overflow: hidden;}
#floor1 .newslistpic img{width:80%;height:auto;}
#floor1 .newslistcon h2{padding:0;font-size:1.2em;line-height:140%;border:none;}
#floor1 .newslistcon span a{color:#8a8f99;}
#floor1 .newslistcon p{width:80%; margin:5px auto 20px; font-size:0.8em
}}

@media screen and (max-width: 320px) {
#floor1 .homenewslist{width:95%;}
#floor1 .homenewslist ul li{float:none;width:100%; margin-bottom:20px}
#floor1 .newslistcon{position:static;height:auto;border-radius:none;}
#floor1 .newslistpic:after{clear:both;}
#floor1 .newslistcon h2{margin: 0;font-size:1em;}
#floor1 .newslistcon p{font-size:0.6em; width:90%}
#floor1 .newslistcon span{position:static;}
#floor1 .homenewslist{margin:0px auto;}
#floor1 .newslistpic img{
    margin-bottom:15px;
    width:50%;
}}
.lastnpc{ text-align:center; height:0; position:relative; top:27px; font-size:1em; color:#666}
.lastnpc span{ color:#ff5f00; font-size:1.6em; padding-left:3px}
.bluebtn{ font-size:1.4em; width:auto; max-width:230px; height:44px; line-height:42px; padding:0 10px; background:#ff5f00; border-radius:100px; margin:80px auto 0 auto; text-align:center; color:#fff; display:block} 
.bluebtn:hover{ background:#fff; border-radius:100px; color:#ff5f00; border:1px solid #ff5f00; height:42px;line-height:40px;} 
.bluebtn.notop{ margin-top:40px;}


/*home*/
#home{
    padding-bottom: 80px;
    background-color: #f2f2f2;
    margin-top: -75px;
}
#home ul {
    -webkit-display: flex;
    display: flex;
    justify-content: space-between;
}
#home li{
    width: 320px;
    height: 300px;
    overflow: hidden;
}
#home li .timg{
    position: relative;
    width: 100%;
    height: 229px;
}
#home li .timg img{
    width: 100%;
    height: 100%;
}
#home li .timg .modul{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    background: rgba(230,0,18,.80) center;
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 229px;
    color: #fff;
    font-size:14px;
}
#home li:hover .timg .modul{
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*#home li:hover .caption{
    -o-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}*/
#home li:hover .btn-wrap{
    -o-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
/*
#home li .caption{
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}*/
#home li .caption p{
    font-size: 14px;
    color: #777777;
    line-height: 24px;
    margin-top: 20px;
}
#home li .btn-wrap{
    height: 97px;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#home li .btn{
    width: 143px;
    height: 31px;
    line-height: 31px;
    border-radius: 15.5px;
    font-size: 14px;
    margin: 50px auto 0;
}

/*techn*/
#techn{
    background-color: #000;
}
#techn .tit1 h3{
    color: #fff;
}
#techn li{
    float: left;
    width: 50%;
    margin-bottom: 80px;
    -webkit-display: flex;
    display: flex;
    justify-content: center;
}
#techn li .icon{
    width: 89px;
    margin-right: 30px;
    flex-shrink: 0;
}
#techn li dl{
    text-align: left;
    width: 365px;
}
#techn li dl dt{
    font-size: 20px;
    color: #e60012;
    margin-bottom: 10px;
    line-height: 100%;
}
#techn li dl dd{
    font-size: 14px;
    color: #7f7f7f;
    line-height: 24px;
}



/*com*/
#com{
    background-color: #f2f2f2;
    padding-bottom: 60px;
}
#com .cont{
    height: 600px;
    background: url(/static/picture/bg-com.jpg) no-repeat left center;
    background-size: contain;
    margin-top: 60px;
}
#com .cont ul{
    padding-left: 840px;
    transform: translateY(-44.5px);
}
#com .cont ul li{
    -webkit-display: flex;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 44px;
}
#com .cont li .icon{
    margin-right: 30px;
    flex-shrink: 0;
}
#com .cont li .icon img{
    vertical-align: bottom;
}
#com .cont li dl{
    text-align: left;
}
#com .cont li dl dt{
    font-size: 20px;
    color: #e60012;
    line-height: 100%;
}
#com .cont li dl hr{
    border:none;
    width: 35px;
    border-top: 3px solid #ff0000;
    margin: 5px 0 12px;
}
#com .cont li dl dd{
    font-size: 14px;
    color: #7f7f7f;
    line-height: 24px;
}
section{
  overflow: hidden;
  text-align: center;
  min-width: 1200px;
}

.container {
    display: block;
    min-width: 1200px;
    margin: 0 auto;
}
.container {
    width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}

/*tit*/
.tit1{
  text-align: center;
  padding: 80px 0;
}
.tit1 h3{
  font-size: 36px;
  color: #292929;
  margin-bottom: 20px;
}
.tit1 p{
  font-size: 16px;
  color: #848484;
  margin-bottom: 20px;
}
.tit1 .hr{
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #b5b5b5;
}
.tit1 .hr hr{
  position: absolute;
  border:none;
  border-top: 4px solid #e60012;
  width: 166px;
  top: 0;
  left: 50%;
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*pk*/
#pk{
    background: url(/static/picture/bg-pk.jpg) no-repeat center fixed;
    background-size: cover;
}
#pk .cont{
    position: relative;
    z-index: 9;
    -webkit-display: flex;
    display: flex;
}
#pk .cont .left,#pk .cont .right{
    width: 520px;
    flex-shrink: 0;
}
#pk .cont .center{
    width: 148px;
}
#pk .cont .kong{
    width: 100%;
    height: 11px;
}
#pk .cont .head{
    width: 100%;
    height: 80px;
}
#pk .cont .left ul{
    background-color: rgba(36,36,36,.8);
}
#pk .cont .right ul{
    background-color: rgba(220,220,220,.8);
}
#pk .cont .center{
    position: relative;
    background-color: #e60012;
}
#pk .cont .center::before{
    position: absolute;
    content: "";
    display: block;
    width: 47px;
    height: 47px;
    background: url(../img/zhyx/icon-sanjiao.png) no-repeat center;
    left: -23.5px;
    top: 0;
    z-index: -1;
}
#pk .cont .center::after{
    position: absolute;
    content: "";
    display: block;
    width: 47px;
    height: 47px;
    background: url(../img/zhyx/icon-sanjiao.png) no-repeat center;
    right: -23.5px;
    top: 0;
    z-index: -1;
}

#pk .cont .head{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    -webkit-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pk .cont .head img{
    margin-right: 15px;
}
#pk .cont .right .head{
    color: #e60012;
}
#pk .cont .center .head{
    font-size: 44px;
    color: #fff;
    letter-spacing: initial;
}
#pk .cont ul{
    overflow: hidden;
}
#pk .cont ul li{
    margin-bottom: 20px;
    height: 172px;
    -webkit-display: flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    padding: 0 40px;
    color: #fff;
}
#pk .cont .right ul li{
    color: #e60012;
    text-align: left;
}
#pk .cont .left li:nth-child(odd){
    background-color: rgba(255,255,255,.2);
}
#pk .cont .right li:nth-child(odd){
    background-color: rgba(255,255,255,.5);
}
#pk .cont ul li dt{
    font-size: 18px;
}
#pk .cont ul li hr{
    border:none;
    width: 415px;
    border-top: 1px solid #a0a0a0;
    margin: 4px 0 0 auto;
}
#pk .cont .right ul li hr{
    color: #e60012;
    margin: 4px auto 0 0;
}
#pk .cont ul li p{
    font-size: 16px;
    line-height: 28px;
}
#pk .cont .center ul li{
    align-items: center;
    padding: 0;
}
#pk .cont .center ul li h5{
    font-size: 18px;
    letter-spacing: 1.5px;
    margin-top: 10px;
    text-align: center;
}
/*btn*/
.btn{
  display: block;
  width: 165px;
  height: 44px;
  line-height: 44px;
  background-color: #d80d1d;
  color: #fff;
  font-size: 14px;
  margin: 80px auto;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.btn:hover{
  background-color: #ff0000;
}

/*say*/
#say{
    background: #f2f2f2;
}
#say::after{
    background: none;
}
#say .tit1 h3{
    color: #292929;
}

/*say*/
#say{
  position: relative;
  z-index: 9;
  background: url(../images/hc/bg-3.jpg) no-repeat center fixed;
  background-size: cover;
  padding-bottom: 80px;
}
#say::after{
  position: absolute;
  content: "";
  z-index: -1;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 
}


#say ul{
  -webkit-display: flex;
  display: flex;
  justify-content: space-between;
}
#say li{
  width: 380px;
  margin-right: 30px;
}
#say li:last-child{margin-right: 0;}
#say li .caption{
  position: relative;
  z-index: 9;
  background-color: #ffffff;
  border-radius: 4px;
  height: auto;
  color: #323232;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#say li:hover .caption{
  -o-box-shadow: 0 0 9px rgba(230,0,18,.5);
  -moz-box-shadow: 0 0 9px rgba(230,0,18,.5);
  -webkit-box-shadow: 0 0 9px rgba(230,0,18,.5);
  box-shadow: 0 0 9px rgba(230,0,18,.5);
}
#say li .caption .bg{
  width: 100%;
  height: 100%;
  background-color: #fff;
}
#say li .caption .bg.content{
  padding: 20px 25px;
}
#say li .caption::after{
  position: absolute;
  content: "";
  z-index: -1;
  display: block;
  width: 30px;
  height: 30px;
  bottom: -15px;
  background-color: #fff;
  left: 50%;
  -o-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#say li:hover .caption::after{
  -o-box-shadow: 0 0 9px rgba(230,0,18,.5);
  -moz-box-shadow: 0 0 9px rgba(230,0,18,.5);
  -webkit-box-shadow: 0 0 9px rgba(230,0,18,.5);
  box-shadow: 0 0 9px rgba(230,0,18,.5);
}
#say li .caption .bg img{
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
#say li .img{
  width: 130px;
  height: 130px;
  margin: 55px auto 0;
  border-radius: 50%;
  overflow: hidden;
}
#say li .img img{
  width: 100%;
  height: auto;
  border-radius: 50%;
  border:1px solid #f7e3e3;
}


.cases .box .swiper-container.items .swiper-slide p{color: #000;}
.aboutus .items{height: 500px;}
.contact .box{width: 1200px; font-size: 16px; font-family: "Microsoft Yahei", "微软雅黑", Helvetica, Arial, sans-serif;}
.contact .box .above .left a.tel{background: none; height: auto; font-size: 36px; color: #00dfb9; font-weight: bold;}
.contact .box .above .left a.tel{width: 270px;}
.contact .box .above .left{margin-left: 170px;}