@charset "utf-8";
/*Scroll*/

/* ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #333; } */

* {
   margin: 0;
   padding: 0;
   font-family: "microsoft yahei";
   color: #000;
   font-size: 14px;
   list-style: none;
}

img {
   display: block;
}

ul {
   list-style: none;
}

a {
   text-decoration: none;
   cursor: pointer;
   outline: none;
   color: #333;
}

a:hover {
   text-decoration: none;
}

body {
   color: #f5f5f5;
   cursor: default;
}

.container {
   margin: 0 auto;
}

.block {
   padding: 20px 0;
}

.logo {
   height: 100px;
   margin-top: 30px;
   background: blue;
}

/* header */

header {
   padding: 30px 0 10px;
}

.top-right {
   background: url(../img/hotline.png) no-repeat, url(../img/ewm1.png) no-repeat 285px, url(../img/ewm2.png) no-repeat 385px;
   padding-left: 85px;
   padding-top: 10px;
}

.top-right h6 {
   font-size: 16px;
   font-weight: bold;
   color: #aaa;
   margin: 0;
}

.top-right p {
   font-size: 22px;
   font-weight: bold;
   margin: 0;
}

.top-right small {
   font-size: 16px;
   font-weight: bold;
}

/* 主菜单 */

.head {
   position: relative;
   width: 100%;
   background: #076ce0;
   border-bottom: 1px solid #ddd;
   height: 48px;
   z-index: 9999
}

.head .navbox {
   width: 1200px;
   margin: 0 auto;
}

.head .nav {
   display: block;
   float: left;
   width: calc(100%)
}

.head .nav .nav_pc {
   width: 100%;
}

.head .nav ul li {
   float: left;
   position: relative;
   border-right: 1px solid #cccccc;
   box-sizing: border-box;
   z-index: 999;
   width: 12.5% !important;
}

.head .nav ul li:first-child {
   border-left: 1px solid #cccccc;
}

.head .nav ul li .f_a {
   line-height: 48px;
   display: block;
   text-align: center;
   font-size: 16px;
   color: #fff;
}

.head .nav ul li:hover .f_a {
   background-color: #cf1322;
   color: #fff;
   transition: all .3s
}

.head .nav ul li .s_navbox {
   display: none;
   position: absolute;
   left: 0;
   width: 100%;
   background: #fff;
   background-color: #076ce0;
   z-index: 9999;
   box-sizing: border-box
}

.head .nav ul li .s_navbox .s_a a {
   color: #fff;
   font-size: 14px;
   text-transform: uppercase;
   display: block;
   text-align: center;
   padding: 10px 0;
   border-top: 1px solid #fff;
}

.head .nav ul li .s_navbox .s_a a:hover {
   background-color: #cf1322;
   color: #fff;
}

.m_nav {
   display: none
}

.headrg .m_menuimg {
   display: none
}

.active {
   background-color: #cf1322
}

.activ2 {
   background-color: #cf1322
}

/* about */

.about {
   margin: 40px auto;
}

.about h1 {
   font-weight: bold;
}

.about small {
   font-size: 26px;
   color: #aaa;
}

.about p {
   text-indent: 2em;
   font-size: 16px;
   line-height: 200%;
   margin: 30px 0;
   color: #666;
   font-weight: 500;
}

.about a {
   border: 1px #076ce0 solid;
   padding: 10px 30px;
   font-size: 16px;
}

.about a:hover {
   background: #076ce0;
   color: #fff;
}

.about .about-pic {
   background: #e6f0fa;
   height: 469px;
   width: 496px;
   margin: 100px 100px;
}

.about .about-pic img {
   float: right;
   margin: -35px 40px;
}

section {
   height: 500px;
   background: url(../img/advantage.png) no-repeat top;
}

.adv-title {
   text-align: center;
   margin-top: 80px;
}

.adv-title h3 {
   font-size: 30px;
   font-weight: bold;
   color: #fff;
}

.adv-title small {
   font-size: 16px;
   color: #fff;
}

.adv-content {
   margin-top: 100px;
}

.adv-content div {
   width: 23%;
   margin-right: 2%;
   border-radius: 10px;
   text-align: center;
   background: #fff;
   box-shadow: 0px 0px 5px #ccc;
   height: 250px;
   padding-top: 70px;
}

.adv-content div:nth-child(4) {
   margin-right: 1%;
}

.adv-content div:nth-child(1) {
   margin-left: 1%;
}

.adv-content div img {
   position: absolute;
   top: -55px;
   left: 90px;
}

.adv-content div h4 {
   font-size: 20px;
   font-weight: bold;
}

.adv-content div p {
   font-size: 16px;
   line-height: 200%;
   color: #666;
}

/* product */

.product-title {
   text-align: center;
   margin-top: 80px;
   margin-bottom: 50px;
}

.product-title h3 {
   font-size: 30px;
   font-weight: bold;
   color: #076ce0;
}

.product-title small {
   font-size: 16px;
   color: #aaa;
}

.pic-list .swiper-wrapper .swiper-slide a {
   display: inline-block;
   text-align: center;
}
.pic-list .swiper-wrapper .swiper-slide a img{
   height: 173px;
}
/* partner */

.partner {
   text-align: center;
   margin: 80px 0;
}

.partner h3 {
   font-size: 30px;
   font-weight: bold;
   color: #076ce0;
}

.partner small {
   font-size: 16px;
   color: #aaa;
}

.foot-top {
   background: url(../img/news-bg.png) no-repeat;
   height: 580px;
   margin-top: 80px;
}

/* news */

.news {
   margin-top: 100px;
}

.news h3 {
   font-size: 26px;
   font-weight: bold;
   color: #076ce0;
   border-bottom: 2px #076ce0 solid;
   display: inline-block;
   padding-bottom: 10px;
   padding-right: 22px;
   margin-bottom: 30px;
}

.news ul li {
   line-height: 300%;
}
.news ul li:hover a{
   color: #076ce0;
}
.news ul li a {
   width: 80%;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   float: left;
   font-size: 18px;
   color: #666;
}

.news ul li small {
   width: 20%;
   text-align: right;
   color: #999;
   float: right;
   font-size: 16px;
}

.contact {
   margin-top: 100px;
}

.contact h3 {
   font-size: 26px;
   font-weight: bold;
   color: #076ce0;
   border-bottom: 2px #076ce0 solid;
   display: inline-block;
   padding-bottom: 10px;
   padding-right: 22px;
   margin-bottom: 18px;
}

.contact h2 {
   font-size: 30px;
   font-weight: bold;
   color: #e80000;
   background: url(../img/tel.png) no-repeat left;
   padding-left: 60px;
   line-height: 155%;
}

.contact h4 {
   font-size: 16px;
   font-weight: bold;
}

.contact p {
   color: #666;
}

footer {
   background: #076ce0;
}

footer .map img {
   max-width: 100%;
   height: 350px;
}

footer .map {
   padding: 30px 0;
}

footer .contact {
   margin-top: 60px;
}

footer .contact p {
   font-size: 16px;
   color: #fff;
}

footer .contact p a {
   color: #fff;
}

footer .contact img {
   display: inline-block;
   margin-left: 50px;
   height: 100px;
}

footer .contact .ewm-text {
   padding: 20px 0 0 100px;
}

#swiper2 .swiper-wrapper .swiper-slide{
   text-align: center;
}
#swiper2 .swiper-wrapper .swiper-slide img{
   display: inline-block;
}
/* aside */

aside dl dt {
   font-size: 24px;
   padding: 15px 20px;
   background: #076ce0;
   color: #fff;
   margin-bottom: 10px;
}

aside dl dt small {
   font-size: 16px;
   display: block;
   text-transform: uppercase;
   color: #fff;
}

aside dl dd {
   line-height: 240%;
   padding: 0 20px;
   border-bottom: 1px solid #eee;
}

aside dl dd a {
   font-size: 16px;
}

aside .contact-info h2 {
   background: #036;
   color: #fff;
   font-size: 18px;
   line-height: 160%;
   padding: 20px;
}

aside .contact-info ul li {
   line-height: 180%;
   font-size: 14px;
}

aside .contact-info{
   margin-top: 45px
}

aside .contact-info h2 {
  background: #cf1322;
  color: #fff;
  font-size: 18px;
  line-height: 160%;
  padding: 20px;
}

aside .contact-info ul li {
  line-height: 180%;
  font-size: 14px;
}
/* product */

.subslide {
   background: url(../img/inside.jpg) no-repeat center;
   background-size: 100% 250%;
   height: 150px;
   margin-bottom: 50px;
}
main{
   display: inline-block;
   width: 100%;
}
main .position {
   padding: 5px 10px;
   background: #eee;
   font-size: 14px;
   text-align: right;
}
main .product .pic>div{
   margin: 20px 0;
}
main .product .pic .product-pic {
   border: 1px #ccc solid;
   padding: 2px;
   text-align: center;
}
main .product .pic .product-pic img{
   height: 159px;
   display: inline;
}
main .product .pic .product-name {
   text-align: center;
}

main .product .pic .product-name p {
   font-size: 16px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

/* news */

main .n-list li {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: solid 1px #eee;
}

main .n-list h2 {
   color: #333;
   font-size: 16px;
   font-weight: bold;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

main .n-list h5 {
   color: #ccc;
}

main .n-list h3 {
   color: #999;
   font-size: 16px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

main .n-list li:hover h2 {
   color: #076ce0;
}

.content p {
   font-size: 16px;
   line-height: 170%;
}

.content p img {
   max-width: 100%;
   display: inline-block;
}

.contact-info img{
   max-width: 100%;
   margin-bottom: 30px;
   margin-top: 40px;
}
/*小于1600大于1200稍微调整下字体*/

@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a {
      font-size: 14px
   }
   .nav ul li .s_navbox .s_a a {
      font-size: 12px
   }
   .foot_top ul {
      margin-left: 60px
   }
   .nav ul li .s_navbox .s_a {
      width: 100%
   }
}

/*移动端导航*/

@media screen and (max-width: 768px) and (min-width: 0px) {}

/* @media screen and (max-width: 768px){

  } */