.mobile-foot {

  background: #2ca9e8;

  padding: 8px 0;

  position: fixed!important;

  bottom: 0!important;

  left: 0!important;

  width: 100%;

  z-index: 9999;

display:none;

}

.mobile-foot .container{

  padding:0px;

}

.mobile-foot a {

  color: #fff;

  height: 35px;

  line-height: 33px;

  border: 1px solid #fff;

  border-radius: 4px;

  text-align: center;

 width:21%;

  padding: 0 15px;

  margin:0 5px;

  transition: .3s;

  -o-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

  padding: 0px;

}

.pull-left {

  float: left!important;

}

.pull-right {

  float: right!important;

}

.btn {

  display: inline-block; 

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 400; 

  text-align: center;

  white-space: nowrap;

  vertical-align: middle; 

  cursor: pointer;  

  border: 1px solid transparent;

  border-radius: 4px;

}

.proin video{ width:790px}



@media(max-width:480px){    .mobile-foot { display:block;}     }



/* 首页自适应 */

@media (max-width: 765px){

.proin img { width:100%}

.proin video { width:100%}

  .product .swiper-container2 .swiper-slide>img{

    width: 100%;

  }

  div.hotline>img {

    position: absolute;

    height: 100%;

    z-index: -1;

  }

  div.hotline .container {

    height: 100%;

    position: static;

    left: 50%;

    transform: none;

  }

  div.hotline .container>.left {

    margin-top: 10px;

    position: static;

    top: 50%;

    transform: none;

    left: 50px;

  }

  div.hotline .container>.left>p:nth-child(1) {

    font-size: 14px;

    font-family: "Microsoft YaHei";

    color: rgb( 255, 255, 255 );

  }

  div.hotline .container>.left>p:nth-child(2) {

    font-size: 14px;

    font-family: "Microsoft YaHei";

    /*color: rgb( 0, 150, 219 );*/

    color: #fff;

    background-color: transparent;

    text-align: left;

    padding:0px;

    margin-top: 10px;

  }

  div.hotline .container>.right {

    width: auto;

    float: left;

    margin-top: 15px;

    /* padding-right: 240px; */

  }

  div.hotline .container>.right .left {

    position: static;

    top: 50%;

    transform: none;

  }

  div.hotline .container>.right .left p:nth-child(1) {

    text-align: left;

    font-size: 15px;

    font-family: "Microsoft YaHei";

    color: rgb( 255, 255, 255 );

  }

  div.hotline .container>.right .left p:nth-child(2) {

    text-align: left;

    font-size: 30px;

    font-family: "Calibri";

    color: rgb( 255, 255, 255 );

    font-weight: bold;

  }

  div.hotline .container>.right .left a {

    margin-top: 0px;

    border-radius: 5px;

    width: 105px;

    height: 38px;

    display: inline-block;

    text-align: center;

    line-height: 38px;

    color: #fff;

    background-color: #75b425;

    float: right;

    font-size: 14px;

    font-family: "Microsoft YaHei";

    color: rgb( 255, 255, 255 );

    font-weight: bold;

  }

  div.advantage .swiper-slide {

    border: none !important;

    background-color: #fff;

    text-align: center;

    position: relative;

    margin: 0 auto;

    padding-top: 25px;

    padding-bottom: 25px;

  }

  div.partner .swiper-container5 .swiper-slide>img:nth-child(1) {

    height: 50%;

    position: absolute;

    bottom: 0px;

    left: 0px;

  }

  div.product>.container{

    overflow: hidden;

  }

  div.description>div:first-child {

    position: static;

    top: 50%;

    transform: none;

  }

  div.description>div>.right {

     width: 100%; 

     float: none; 

     margin: 15px 0px;

  }

  div.aboutus .container>div:first-child .bottom .right {

    padding-left: 0px;

    margin: 15px 0px;

  }

  div.aboutus .container>div:last-child>.bottom>.top {

    padding: 10px;

    border: 1px solid #e7e7e7;

    margin-top: 20px;

  }

  div.news .container .content .top .right {

    padding-left: 0px;

    margin: 15px 0px;

  }

  div.aboutus .container>div:last-child>.bottom>.top>a>img {

    width: 100%;

  }

  div.news .lititle {

    margin-top: 15px;

    color: #fff;

    height: 50px;

    /* width: 100%; */

    background-color: #f5f5f5;

  }

  footer{

    padding-bottom: 51px !important;

  }

  footer .top>.container>div{

    width: 50% !important;

  }

  footer .top>.container>div{

    /* height: 125px; */

    margin-top: 10px;

  }

  footer .top>.container>div:nth-child(2){

    height:  180px;

  }

  div.product .swiper-slide .mid{

    font-size: 13px;

  }

  footer .top>.container>div:first-child{

    margin-top: 0px;

  }

  footer div.top>.container {

    padding-bottom: 0px;

    border-bottom: 1px solid #2bade9;

  }

  footer div.top {

    background-color: #0096db;

    padding-top: 10px;

  }

  footer .bottom>.container{

    font-size: 13px;

    line-height: 26px;

  }

  div.news {

    background-color: #fff;

    padding-bottom: 10px;

  }

  div.photo {

    background-color: #fff;

    padding-top: 15px;

    padding-bottom: 10px;

  }

  div.aboutus {

    padding-top: 15px;

    background-color: #fff;

  }

  div.service {

    background-color: #f5f5f5;

    padding-top: 15px;

    padding-bottom: 15px;

  }

  div.partner {

    background-color: #0096db;

    padding-top: 15px;

    padding-bottom: 15px;

  }

  div.case {

    background-color: #f5f5f5;

    /* padding-top: 45px; */

    padding-bottom: 10px;

    position: relative;

  }

  div.advantage {

    background-color: #f5f5f5;

    padding-top: 15px;

    padding-bottom: 15px;

  }

  div.product {

    background-color: #f5f5f5;

    padding-top: 15px;

    padding-bottom: 15px;

  }

  div.partner h2 {

    text-align: center;

    font-size: 18px;

    font-family: "Microsoft YaHei";

    /* color: rgb( 0, 150, 219 ); */

    color: #fff;

  } 

  div.partner .container>p:nth-child(3) {

    text-align: center;

    padding: 10px 0px 10px;

    font-size: 14px;

    font-family: "MicrosoftYaHeiLight";

    /* color: rgb( 111, 111, 111 ); */

    color: #fff;

  }

  div.service h2,

  div.case h2,

  div.advantage h2,

  div.product h2 {

    text-align: center;

    font-size: 18px;

    font-family: "Microsoft YaHei";

    color: rgb( 0, 150, 219 );

  }

  div.service .container>p:nth-child(3),

  div.case .container>p:nth-child(3),

  div.advantage .container>p:nth-child(3),

  div.product .container>p:nth-child(3) {

    text-align: center;

    padding: 10px 0px 10px;

    font-size: 14px;

    font-family: "MicrosoftYaHeiLight";

    color: rgb( 111, 111, 111 );

  }

  footer .top>.container>div.w30>p:nth-child(1) {

    text-align: center;

    font-size: 14px;

    color: rgb( 255, 255, 255 );

  }

  footer .top>.container>div.w30>p:nth-child(2) {

    text-align: center;

    font-size: 20px;

    font-family: "Microsoft YaHei";

    color: rgb( 255, 255, 255 );

    font-weight: bold;

    margin-bottom: 10px;

  }

}

/* 关于我们自适应 */

@media (max-width: 765px){

  .main .left .leftbottom .bottom a>img{

    width: 100%;

  }

  div.main .container>.left{

    padding-bottom: 20px;

  }  

  div.main .container>.right{

    padding:0px;

  }

  div.main .right .righttitle .left {

    float: none;

    background-color: #0096db;

    width: 155px;

    height: 100%;

    line-height: 50px;

    font-size: 19px;

    font-family: "MicrosoftYaHeiLight";

    color: rgb( 255, 255, 255 );

    padding-left: 15px;

  }

  div.main .right .righttitle .right {

    padding-left: 15px;

    float: none; 

    line-height: 50px;

    margin-right: 35px;

    font-size: 13px;

    font-family: "Microsoft YaHei";

    color: rgb( 70, 70, 70 );

    /*color: #0096db;*/

    margin-bottom: 30px;

  }

  div.main .right .bottom>div {

    padding: 45px 0px 0px;

    border-bottom: 1px solid #ececec;

  }

  div.main .right .bottom>div.clearfix .right{

    margin: 10px 0px;

  }

  div.main .right .righttitle .right a{

    color: #0096db;

  }

  div.main .right .about {

    border: 1px solid #e7e7e7;

    border-top: none;

    padding: 40px 15px 0px;

  }

  div.main .right .about img {

    margin-top: 15px;

    width: 100%;

    margin-bottom: 15px;

  }

  div.main {

    background-color: #fff;

    padding-top: 15px;

    padding-bottom: 25px;

  }

  div.pro .swiper-container2{

    margin-top: 50px;

  }

  div.proin {

    margin-top: 50px;

    padding-bottom: 10px;

    border-bottom: 1px solid #efefef;

  }

  div.zoomPup{

    display: none !important;

  }

  div.proin{

    overflow: hidden;

  }

  div.proin .top>div:nth-child(2){

    padding: 15px 0px;

  }

  div.proin .bottom {

    margin-top: 0px;

    font-size: 18px;

    font-family: "MicrosoftYaHeiLight";

    color: rgb( 35, 35, 35 );

  }

}





@charset "utf-8";



/* 这个css是初始化的css，在任何项目里面都可以使用 */



/* 禁用iPhone中Safari的字号自动调整 */

html {

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  /* 解决IOS默认滑动很卡的情况 */

  -webkit-overflow-scrolling : touch;

}



/* 禁止缩放表单 */

input[type="submit"], input[type="reset"], input[type="button"], input {

  resize: none;

  border: none;

}



/* 取消链接高亮  */

a {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* 设置HTML5元素为块 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block;

}



/* 图片自适应 */

/*// img {

//  width: 100%;

//  height: auto;

//  width: auto\9;  ie8 

//  display: block;

//  -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真

// }*/



/* 初始化 */

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  margin: 0;

  padding: 0;

}

body {

  font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;

  color: #555;

  background-color: #F7F7F7;

}

em, i {

  font-style: normal;

}

ul,li{

  list-style-type: none;

}

strong {

  font-weight: normal;

}

.clearfix:after {

  content: "";

  display: block;

  visibility: hidden;

  height: 0;

  clear: both;

}

.clearfix {

  zoom: 1;

}

a {

  text-decoration: none;

  /*color: #969696;*/

  

  color:#6a6b6c;

  font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;

}

a:hover {

  text-decoration: none;

}

ul, ol {

  list-style: none;

}

h1, h2, h3, h4, h5, h6 {

  font-size: 100%;

  font-family: 'Microsoft YaHei';

}

img {

  border: none;

}

input{

  font-family: 'Microsoft YaHei';

}



input,button,select,textarea{outline:none}

textarea{resize:none}

/*单行溢出*/

.one-txt-cut{

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

/*多行溢出 手机端使用*/

.txt-cut{

  overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    /* -webkit-line-clamp: 2; */

    -webkit-box-orient: vertical;

}

.w50{

  width: 50%;

}

.w25{

  width: 25%;

}

.w20{

  width: 20%;

}

.w60{

  width:60%;

}

.w75{

  width: 75%;

}

.w80{

  width:80%;

}

.w90{

  width: 90%;

}

.w95{

  width:95%;

}

.w100{

  width:100%;

}

.w30{

  width: 30%;

}

.w33{

  width: 33.333333%;

}

.fl{

  float: left;

}

.fr{

  float: right;

}

.db{

  display: block !important;

}

.dn{

  display: none;

}



/* 插件中的样式 */

.navcon{

  padding: 0px;

}

.navbar{

  margin-bottom: 0px;

}

.navbar-header.clearfix{

  /*height: 50px;*/

  padding: 5px 0px;

}

.navbar-header img{

  width: 40%;

  /*width: 25%;*/

  float:left;

  margin-left:15px;

  height: 100%;

}



.advantage .swiper-slide .yuan:hover{

  

  background-color: #0096db;

}

.advantage .swiper-slide .yuan:hover i{

  color: #fff;

}

/* 首页 */

.nav .top{

  height: 47px;

  background-color: #fafafa;

  border-bottom: 1px solid #e9e9e9;

}

.nav .top .left{

  float: left;

  line-height: 47px;

  font-size: 14px;

  color: rgb( 102, 102, 102 );

}

.nav .top .right{

  line-height: 47px;

  float: right;

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 102, 102, 102 );

}



.nav .top .right span{

  margin: 0px 20px;

}

.nav .top .right a{

  vertical-align: middle;

}

.nav .top .right .radius:hover{

  background-color: #75b425;

}

.nav .top .right .radius{

  /*margin-top: 10px;*/

  position: relative;

  display: inline-block;

  border-radius: 25px;

  background-color: #cacaca;

  width: 25px;

  height: 25px;

}

.nav .top .right .radius:nth-child(2){

  margin-right: 10px;

}

.nav .top .right .radius i{

  color: #fff;

  font-size: 16px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

}

.nav .mid{

  background-color: #fff;

  height: 125px;

}

.nav .mid .container{

  position: relative;

  height: 125px;

}

.nav .mid .container>.left{

  position: absolute;

  left: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.nav .mid .container>.right{

  position: absolute;

  /*float: right;*/



  width: 472px;

  right: 0px;

  top: 60%;

  transform: translateY(-65%);

}

.nav .mid .container>.right>.left{

  float: left;

  margin-right: 15px;

}

.nav .mid .container>.right>.left i{

  font-size: 40px;

}

.nav .mid .container>.right>.left i:hover{

  color: rgb( 117, 180, 37 );

}

.nav .mid .container>.right>.right p{



}

.nav .mid .container>.right>.right p:nth-child(1){

  text-align: left;

  /*padding-left: 50px;*/

  font-size: 15px;

  font-family: "Microsoft YaHei";

  color: rgb( 102, 102, 102 );

}

.nav .mid .container>.right>.right p:nth-child(2){


  text-align: left;

  /*padding-left: 50px;*/

  font-size: 20px;

  font-family: "Calibri";

 

  font-weight: bold;

}

.nav .mid .container>.right>.right p:nth-child(3){

  text-align: left;

  /*padding-left: 50px;*/

  font-size: 20px;

  font-family: "Calibri";

  font-weight: bold;

}

.nav .bottom{

  height: 52px;

  background-color: #0096db;

  border-bottom: 1px solid #fff;

}

.nav .bottom .container{

  padding: 0px;

}

.nav .bottom ul{



}

.nav .bottom ul>li{

  text-align: center;

  font-size: 30px;

  height: 52px;

  float: left;

  width: 14.2%;

}

.nav .bottom ul>li:hover{

  background-color: #75b425;

}

.nav .bottom ul>li a{

  color: #fff;

  font-size: 16px;

  font-family: "MicrosoftYaHeiLight";

}





/* footer */

footer .top{

  background-color: #0096db;

  padding-top: 50px;

}

footer .top a:hover{

  color: #444;

}

footer .top>.container>.w30{

  float: left;

  width: 30%;

}

footer .top>.container>.w30 i{

  color: #fff;

  font-size: 26px;

  vertical-align: middle;

}

footer .top>.container>.w30>p:nth-child(1){

  font-size: 16px;

  color: rgb( 255, 255, 255 );

}

footer .top>.container>.w30>p:nth-child(2){

  font-size: 25px;

  font-family: "Microsoft YaHei";

  color: rgb( 255, 255, 255 );

  font-weight: bold;

  margin-bottom: 10px;

}

footer .top>.container>.w30>div .left{

  float: left;

}

footer .top>.container>.w30>div .right i{

  font-size: 18px;

  margin-right: 10px;

}

footer .top>.container>.w30>div .right{

  float: left;

  margin-left: 10px;

}

footer .top>.container>.w30>div .right p>span:last-child{

  font-size: 13px;

  font-family: "Microsoft YaHei";

  color: rgb( 255, 255, 255 );

}

footer .top>.container{

  padding-bottom: 25px;

  border-bottom: 1px solid #2bade9;

}

footer .top>.container>.w11{

  float: left;

  width: 11%;

}

footer .top dl dt{

  text-align: center;

  font-size: 16px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

  margin-bottom: 15px;

}

footer .top dl dd>a{

  font-size: 13px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

}

footer .top dl dd{

  text-align: center;

  line-height: 30px;

}

footer .bottom{

  text-align: center;

  height: 60px;

  line-height: 60px;

  color: #fff;

  background-color: #0096db;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

}





/* banner */

.banner{

  position: relative;

  top: -1px;

}

.banner img{

  vertical-align: top;

}

.ban{

  position: relative;top: -1px;

}



/* 首页product */

.product{

  background-color: #f5f5f5;

  padding-top: 45px;

  padding-bottom: 70px;

}

.product h2{

  text-align: center;

  font-size: 28px;

  font-family: "Microsoft YaHei";

  color: rgb( 0, 150, 219 );

}



.product .line{

  position: relative;

  margin-top: 20px;

  height: 1px;

  background-color: #dfdfdf;

}

.product .line .inner{

  top:-1px;

  width: 60px;

  height: 2px;

  background-color: #0096db;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.product .container>p:nth-child(3){

  text-align: center;

  padding: 25px 0px 30px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 111, 111, 111 );

}

.product .swiper-slide{

  border: 1px solid #dfdfdf;

  padding: 8px 8px 8px;

  background-color: #f5f5f5;

  position: relative;

  margin-bottom: 20px;

}

.product .swiper-slide>img{

  width: 100%;

  /*height: 100%;*/

}

.product .swiper-slide .mid{

  text-align: center;

  color: #fff;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 250, 250, 250 );

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  height: 40px;

  line-height: 40px;

  background-color: rgba(127,127,127,0.8);

}

.product .swiper-slide .cover a{ display:block; width:100%; height:100%;}

.product .swiper-slide .cover{

  display: none;

  width: 100%;

  height: 100%;

  top:0px;

  left: 0;

  position: absolute;

  background-color:  rgba(0,150,219,0.3);

}

.product .swiper-slide .cover .bigger{

  width: 100%;

  text-align: center;

  position: absolute;

  left: 50%;

  top: 60%;

  transform: translate(-50%,-50%);

}

.product .swiper-slide .cover .bigger a:hover{

  color: #fff;

  background-color: #75b425;

}

.product .swiper-slide .cover .bigger span:hover{

  cursor: pointer;

  color: #fff;

  background-color: #75b425;

}

.product .swiper-slide .cover .bigger a{

  display: inline-block;

  text-align: center;

  color: #000;

  width: 75px;

  height: 28px;

  line-height: 28px;

  background-color: #fff;

}

.product .swiper-slide .cover .bigger span{

  display: inline-block;

  text-align: center;

  color: #000;

  width: 75px;

  height: 28px;

  line-height: 28px;

  background-color: #fff;

}

.product .swiper-slide .cover .bigger span:first-child{

  margin-right: 5px;

}

.product .swiper-slide .cover .bigger p{

  margin-top: 30px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 250, 250, 250 );

}





/* 首页hotline */

.hotline{

  position: relative;

  height: 211px;

}

.hotline>img{

  position: absolute;

  height: 100%;

}

.hotline .container{

  height: 100%;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

/*.hotline .container>.left{

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 50px;

}*/

.hotline .container>.left{

  position: absolute;

  top: 25%;

  transform: translateY(-50%);

  left: 50px;

}

.hotline .container>.left>p:nth-child(1){

  font-size: 26px;

  font-family: "Microsoft YaHei";

  color: rgb( 255, 255, 255 );

}

.hotline .container>.left>p:nth-child(2){

  font-size: 18px;

  font-family: "Microsoft YaHei";

  color: rgb( 0, 150, 219 );

  background-color: #fff;

  text-align: center;

  padding: 10px 0px;

  margin-top: 10px;

}

.hotline .container>.right{

  width: 420px;

  /*position: absolute;

  right: 0px;

  top: 0px;*/

  float: right;

  /*padding-right: 240px;*/

}

.hotline .container>.right .left{

  position: absolute;

  top: 50%;

  left: -10%;

  transform: translateY(-50%);

}

.hotline .container>.right .left p:nth-child(1){

  text-align: right;

  font-size: 15px;

  font-family: "Microsoft YaHei";

  color: rgb( 255, 255, 255 );

}

.hotline .container>.right .left p:nth-child(2){

  text-align: right;

  font-size: 26px;

  font-family: "Calibri";

  color: rgb( 255, 255, 255 );

  font-weight: bold;

}

.hotline .container>.right .left p:nth-child(3){

  

}

.hotline .container>.right .right{

  float: right;

}

.hotline .container>.right .left a{

  margin-top: 30px;

  border-radius: 5px;

  width: 105px;

  height: 38px;

  display: inline-block;

  text-align: center;

  line-height: 38px;

  color: #fff;

  background-color: #75b425;

  float: right;

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb( 255, 255, 255 );

  font-weight: bold;

}

.hotline .container>.right .left a:hover{

  color: #0096db;

}

/* advantage */

.advantage{

  background-color: #f5f5f5;

  padding-top: 45px;

  padding-bottom: 70px;

}

.advantage h2{

  text-align: center;

  font-size: 28px;

  font-family: "Microsoft YaHei";

  color: rgb( 0, 150, 219 );

}



.advantage .line{

  position: relative;

  margin-top: 20px;

  height: 1px;

  background-color: #dfdfdf;

}

.advantage .line .inner{

  top:-1px;

  width: 60px;

  height: 2px;

  background-color: #0096db;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.advantage .container>p:nth-child(3){

  text-align: center;

  padding: 25px 0px 30px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 111, 111, 111 );

}

.advantage .swiper-slide>p:nth-child(2){

  margin-top: 10px;

  font-size: 17px;

  font-family: "Microsoft YaHei";

  color: rgb( 51, 51, 51 );

}

.advantage .swiper-slide>p:nth-child(3){

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb( 153, 153, 153 );

}

.advantage .swiper-slide>p{

  text-align: center;

  padding: 0px 30px;

}

.advantage .swiper-slide{

  background-color: #fff;

  text-align: center;

  position: relative;

  margin: 0 auto;

  padding-top: 45px;

  padding-bottom: 95px;

}

.advantage .swiper-slide .yuan{

  display: inline-block;

  width: 102px;

  height: 102px;

  background-color: #dbdbdb;

  border-radius: 102px;

  position: relative;

}

.advantage .swiper-slide .yuan i{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  /*color: #fff;*/

  color: #6c6c6c;

  font-size: 50px;

}

.advantage .swiper-container3{

  border: 1px solid #dfdfdf;

}

.advantage .swiper-container3 .swiper-slide:nth-child(2){

  border-right: 1px solid #dfdfdf;

  border-left: 1px solid #dfdfdf;

}

.advantage .swiper-container3 .swiper-slide:nth-child(3){

  border-right: 1px solid #dfdfdf;

}





/* 案例展示 */

.case{

  background-color: #f5f5f5;

  /*padding-top: 45px;*/

  padding-bottom: 70px;

  position: relative;

}

.case .container{

  position: relative;

}

.case .container>div>i{

  font-size: 40px;

  color: #75b425;

}

.case .swiper-button-prev, .product .swiper-container-rtl .swiper-button-next {

    /*background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);*/

    background-image: none;

    left: -40px;

    right: auto;

    top: 60%;

}

.case .swiper-button-next, .product .swiper-container-rtl .swiper-button-prev {

    /*background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);*/

    background-image: none;

    right: -25px;

    left: auto;

    top: 60%;

}

.case h2{

  text-align: center;

  font-size: 28px;

  font-family: "Microsoft YaHei";

  color: rgb( 0, 150, 219 );

}



.case .line{

  position: relative;

  margin-top: 20px;

  height: 1px;

  background-color: #dfdfdf;

}

.case .line .inner{

  top:-1px;

  width: 60px;

  height: 2px;

  background-color: #0096db;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.case .container>p:nth-child(3){

  text-align: center;

  padding: 25px 0px 30px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 111, 111, 111 );

}

.case .swiper-container4{

  overflow: hidden;

}

.case .swiper-container4 .swiper-slide{

  position: relative;

}

.case .swiper-container4 .swiper-slide p{

  width: 100%;

  background-color: rgba(35,35,35,0.5);

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 250, 250, 250 );

  position: absolute;

  bottom: 0px;

  left: 0px;

}





/* partner */

.partner{

  background-color: #0096db;

  padding-top: 77px;

  padding-bottom: 60px;

}

.partner h2{

  text-align: center;

  font-size: 28px;

  font-family: "Microsoft YaHei";

  /*color: rgb( 0, 150, 219 );*/

  color: #fff;

}



.partner .line{

  position: relative;

  margin-top: 20px;

  height: 1px;

  background-color: #81d5fc;

}

.partner .line .inner{

  top:-1px;

  width: 60px;

  height: 2px;

  background-color: #fff;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.partner .container{

  text-align: center;

}

.partner .container>a:hover{

  color: #0096db;

}

.partner .container>a{

  margin-top: 35px;

  border-radius: 5px;

  text-align: center;

  line-height: 40px;

  color: #fff;

  font-size: 16px;

  display: inline-block;

  width: 105px;

  height: 40px;

  background-color: #75b425;

}

.partner .container>p:nth-child(3){

  text-align: center;

  padding: 25px 0px 30px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  /*color: rgb( 111, 111, 111 );*/

  color: #fff;

}

.partner .swiper-container5 .swiper-slide{

  font-size: 0px;

  height: 289px;

  background-color: #fff;

  position: relative;

}

.partner .swiper-container5 .swiper-slide>img{

  vertical-align:top;

   display: block;

}

.partner .botriangle{

  /*display: block;*/

  font-size: 0px;

}

.partner .totriangle{

  /*display: block;*/

  font-size: 0px;

}

.partner .swiper-container5 .swiper-slide:hover .botriangle{

  border-top: 20px solid #75b425;

}

.partner .swiper-container5 .swiper-slide:hover .totriangle{

  border-bottom: 20px solid #75b425;

}

.partner .swiper-container5 .swiper-slide:hover .bottom{

  background-color: #75b425;

}

.partner .swiper-container5 .swiper-slide:hover .bottom p{

  color: #fff;

}

.partner .swiper-container5 .swiper-slide:hover .top p{

  color: #fff;

}

.partner .swiper-container5 .swiper-slide:hover .top{

  background-color: #75b425;

}

/*.partner .swiper-container5 .swiper-slide>img:nth-child(1){

  position: absolute;

  z-index: -1;

}*/

.partner .swiper-container5 .swiper-slide>img:nth-child(1){

  position: absolute;

  bottom:0px;

  left: 0px;

}

.partner .swiper-container5 .swiper-slide>img:nth-child(2){

  position: absolute;

  top:51%;

  left: 50%;

  transform: translateX(-50%);

}

.partner .swiper-container5 .swiper-slide>div.bottom{

  padding-top: 50px;

  height: 50%;

  text-align: center;

}

.partner .swiper-container5 .swiper-slide>div.bottom p{

  font-size: 17px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 86, 86, 86 );

}

.partner .botriangle{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-top: 20px solid #fff;

  border-right: 20px solid transparent;

  border-bottom: 20px solid transparent;

  border-left: 20px solid transparent;

}

.partner .totriangle{

  position: absolute;

  top: 36.5%;

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-bottom: 20px solid #fff;

  border-right: 20px solid transparent;

  border-top: 20px solid transparent;

  border-left: 20px solid transparent;

}

.partner .swiper-container5 .swiper-slide>div.top{

  padding-top: 50px;

  height: 50%;

  text-align: center;

  position: absolute;

  left:0px;

  bottom:0px;

  text-align: center;

  width: 100%;

}

.partner .swiper-container5 .swiper-slide>div.top p{

  font-size: 17px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 86, 86, 86 );

}

.partner .swiper-container5 .swiper-slide:nth-child(4)>img:nth-child(1),

.partner .swiper-container5 .swiper-slide:nth-child(2)>img:nth-child(1){

  position: absolute;

  top:0px;

  left: 0px;

}





/* 首页service */

.frame{

  top: 5px;

  display:inline-block;

  position: relative;

  width: 80px;

  height: 55px;

}

.frame>.left{

  position: absolute;

  left: 0px;

}

.frame>.left>.top{

  width: 10px;

  height:2px;

  background-color: #0096db;

}

.frame>.left>.middle{

  width: 2px;

  height: 55px;

  background-color: #0096db;

}

.frame>.left>.bottom{

  width: 10px;

  height: 2px;

  background-color: #0096db;

}

.frame>.middle{

  position: absolute;

  width: 100%;

}

.frame>.middle p{

  width: 100%;

  text-align: center;

  font-size: 19px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 150, 219 );

}

.frame>.right{

  position: absolute;

  right: 0px;

}

.frame>.right>.top{

  width: 10px;

  height:2px;

  background-color: #0096db;

}

.frame>.right>.middle{

  width: 2px;

  height: 55px;

  background-color: #0096db;

  position: absolute;right:0px;



}

.frame>.right>.bottom{

  width: 10px;

  height: 2px;

  background-color: #0096db;

  position: absolute;

  right:0px;

  bottom:-57px;

}

.description{

  position: relative;

  margin-bottom: 30px;

}

.description img{

  width: 100%;

}

.description>div:first-child{

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.service .description:nth-child(4)>div:last-child{

  float: right;

}

.service .description:nth-child(5)>div:last-child{

  float: left;

}

.service .description:nth-child(5)>div:first-child{

  right:0px;

}

.service .description:nth-child(6)>div:last-child{

  float: right;

}

.service .description:nth-child(7)>div:last-child{

  float: left;

}

.service .description:nth-child(7)>div:first-child{

  /*float: left;*/

  right: 0px;

}

.service .description:nth-child(8)>div:last-child{

  float: right;

}

.description>div>.right{

  width: 80%;

  float: right;

}

.description>div>.right>p:nth-child(1){

  font-size: 21px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 53, 52, 50 );

}



.description>div>.right>p:nth-child(2){

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 108, 108, 108 );

}



.service{

  background-color: #f5f5f5;

  padding-top: 75px;

  padding-bottom: 30px;

}

.service h2{

  text-align: center;

  font-size: 28px;

  font-family: "Microsoft YaHei";

  color: rgb( 0, 150, 219 );

}



.service .line{

  position: relative;

  margin-top: 20px;

  height: 1px;

  background-color: #dfdfdf;

}

.service .line .inner{

  top:-1px;

  width: 60px;

  height: 2px;

  background-color: #0096db;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.service .container>p:nth-child(3){

  text-align: center;

  padding: 25px 0px 30px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 111, 111, 111 );

}





/* aboutus */

.aboutus{

  padding-top: 60px;

  background-color: #fff;

}

.aboutus .title{



}

.aboutus .bititle{

  height: 50px;

  width: 100%;

  background-color: #f5f5f5;

}

.aboutus .bititle .left{

  padding-left: 20px;

  background-color: #0096db;

  display: inline-block;

  width: 155px;

  height: 100%;

  line-height: 50px;

  font-size: 19px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

}

.aboutus .bititle .right{

  display: inline-block;

  float: right;

  line-height: 50px;

  font-size: 12px;

  font-family: "Microsoft YaHei";

  color: rgb( 70, 70, 70 );

  padding-right: 20px;

}

.aboutus .bititle .right:hover{

  color: #0096db;

}

.aboutus .container>div:first-child .bottom{

  margin-top: 20px;

}

.aboutus .container>div:first-child .bottom .left{

  padding: 8px;

  border: 1px solid #e7e7e7;

}

.aboutus .container>div:first-child .bottom .right{

  padding-left: 50px;

}

.aboutus .container>div:first-child .bottom .right p:nth-child(2){

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 108, 108, 108 );

  line-height: 26px;

}

.aboutus .container>div:first-child .bottom .right p:nth-child(1){

  font-size: 16px;

  font-family: "MicrosoftYaHeiLight";

  color: #000;

  line-height: 40px;

  border-bottom: 1px solid #e7e7e7;

}

.aboutus .container>div:first-child .bottom .right p:nth-child(1) a{

  color: #000;

}

.aboutus .container>div:first-child .bottom .right p:nth-child(1) a:hover{

  color: #0096db;

}

.aboutus .lititle{

  color: #fff;

  height: 50px;

  width: 100%;

  background-color: #0096db;

}

.aboutus .lititle .left{

  float: left;

  font-size: 19px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

  line-height: 50px;

  padding-left: 25px;

} 

.aboutus .container>div:last-child>.bottom>.top{

  padding: 30px 10px;

  border: 1px solid #e7e7e7;

  margin-top:20px;

}

.aboutus .container>div:last-child>.bottom>.bottom{

  height: 42px;

  background-color: #7f7f7f;

  text-align: center;

  line-height: 42px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

}



.aboutus .lititle .right{

  color: #fff;

  display: inline-block;

  float: right;

  line-height: 50px;

  margin-right: 20px;

} 

.aboutus .lititle .right:hover{

  color: #ccc;

}





/* photo */

.photo .swiper-button-prev, .product .swiper-container-rtl .swiper-button-next {

    /*background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);*/

    background-image: none;

    left: -40px;

    right: auto;

    top: 60%;

}

.photo .swiper-button-next, .product .swiper-container-rtl .swiper-button-prev {

    /*background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);*/

    background-image: none;

    right: -25px;

    left: auto;

    top: 60%;

}

.photo .container{

  position: relative;

}

.photo .container>div>i{

  font-size: 40px;

  color: #75b425;

}

.photo .swiper-container6{

  overflow: hidden;

  /*height: 200px;*/

  /*padding:30px 0;

  width: 100%;*/

}

.photo .reflection  {

  width: 100%;

  height: 15px;

  border-radius: 3px 3px 0 0;

  position: absolute;

  left: 0;

  bottom: -17px;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0))); 

  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); 

  background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); 

  background-image:      -o-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)); 

  background-image:         linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); 

}

.photo .swiper-container6 .swiper-slide{



}

/*.swiper-container {

  

}*/

.photo .swiper-slide {

  display: block;

  padding: 5px;

  border: 1px solid #ccc;

}

.photo{

  background-color: #fff;

  padding-top: 45px;

  padding-bottom: 70px;

}

.photo h2{

  text-align: center;

  font-size: 28px;

  font-family: "Microsoft YaHei";

  color: rgb( 0, 150, 219 );

}



.photo .line{

  position: relative;

  margin-top: 20px;

  height: 1px;

  background-color: #dfdfdf;

}

.photo .line .inner{

  top:-1px;

  width: 60px;

  height: 2px;

  background-color: #0096db;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.photo .container>p:nth-child(3){

  text-align: center;

  padding: 25px 0px 30px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 111, 111, 111 );

}





/* 首页news */

.news{

  background-color: #fff;

  padding-bottom: 68px;

}

.news .bititle{

  height: 50px;

  width: 100%;

  background-color: #f5f5f5;

}

.news .bititle .left{

  padding-left: 20px;

  background-color: #0096db;

  display: inline-block;

  width: 155px;

  height: 100%;

  line-height: 50px;

  font-size: 19px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

}

.news .bititle .right{

  display: inline-block;

  float: right;

  line-height: 50px;

  font-size: 12px;

  font-family: "Microsoft YaHei";

  color: rgb( 70, 70, 70 );

  padding-right: 20px;

}

.news .bititle .right:hover{

  color: #0096db;

}

.news .lititle{

  color: #fff;

  height: 50px;

  /*width: 100%;*/

  background-color: #f5f5f5;

}

.news .lititle .left{

  background-color: #0096db;

  width: 155px;

  float: left;

  font-size: 19px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

  line-height: 50px;

  padding-left: 25px;

} 

.news .lititle .right{

  float: right;

  margin-right: 20px;

  line-height: 50px;

  color: rgb( 70, 70, 70 );



  /*display: inline-block;

  float: right;

  line-height: 50px;

  font-size: 12px;

  font-family: "Microsoft YaHei";

  color: rgb( 70, 70, 70 );

  padding-right: 20px;*/

}

.news .lititle .right:hover{

  color: #0096db;

}



.news .container>div:last-child{

  padding: 0px;

}

.news .container .content{

  margin-top: 20px;

}

.news .container .content .top .right{

  padding-left: 20px;

}

.news .container .content .top .right p:nth-child(1){

  font-size: 17px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

}

.news .container .content .top .right p:nth-child(1) a{

  color: #000;

}

.news .container .content .top .right p:nth-child(1) a:hover{

  color: #0096db;

}

.news .container .content .top .right p:nth-child(2){

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 108, 108, 108 );

  margin: 20px 0px 10px;

}

.news .container .content .top .right p:nth-child(3){

  line-height: 26px;

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 108, 108, 108 );

}

.news .container .content .left{

  padding: 8px;

  border: 1px solid #dfdfdf;

}

.news .container .content>.bottom{



}

.news .container .content>.bottom p{

  line-height: 40px;

  border-bottom: 1px dotted #dfdfdf;

}

.news .container .content>.bottom p:nth-child(1){

  margin-top: 15px;

}

.news .container .content>.bottom i{

  margin-right: 15px;

  color: #bebebe;

  font-size: 18px;

  vertical-align: baseline;

}

.news .container .content>.bottom span{

  float: right;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

}

.news .container .content>.bottom p a{

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

}

.news .container .content>.bottom p a:hover{

  color: #0096db;

}

.news .question>div{

  padding: 20px 0px;

  border-bottom: 1px dotted #dfdfdf;

}

.news .question>div:last-child{

  border-bottom:none;

}

.news .question>div>.top{

  margin-bottom: 10px;

}

.news .question .qq{

  text-align: center;

  line-height: 22px;

  color: #fff;

  position: absolute;

  display: inline-block;

  width: 22px;

  height: 22px;

  background-color: #0096db;

}

.news .question .aa{

  text-align: center;

  line-height: 22px;

  color: #fff;

  position: absolute;

  display: inline-block;

  width: 22px;

  height: 22px;

  background-color: #75b425;

}

.news .question .top p{

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

}

.news .question .bottom p{

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 108, 108, 108 );

}

.news .question .top p,

.news .question .bottom p{

  padding-left: 30px;

}

.news .question .top p>a{

  color: #000;

}

.news .question .top p>a:hover{

  color: #0096db;

}





/* news.html */

.main{

  background-color: #fff;

  padding-top: 45px;

  padding-bottom: 65px;

}

.main .left{

  padding: 0px;

}

.main .lefttop{

  padding-bottom: 4px;

  /*height: 184px;*/

  background-color: #0096db;

}

.main .lefttop .bottom{

  padding-top: 15px;

  padding-left: 30px;

  /*padding-bottom: 4px;*/

  /*height: 116px;*/

  margin:4px 4px 0px;

  background-color: #fff;

}

.main .lefttop .bottom p:hover i{

  color: #0096db;

}

.main .lefttop .bottom p.active i{

  color: #0096db;

  /*display: block;*/

}

.main .lefttop .bottom i{

  /*display: none;*/

  margin-right: 5px;

  color: transparent;

  font-size: 20px;

  vertical-align: middle;

}

.main .lefttop .bottom a{

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

}

.main .lefttop .bottom a:hover{

  color: #0096db;

}

.main .title{

  height: 60px;

  line-height: 60px;

  font-size: 19px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

  padding-left: 35px;

}

.main .leftbottom{

  margin-top: 15px;

  background-color: #0096db;

}

.main .leftbottom .bottom{

  padding: 0px 4px 4px;

}

.main .leftbottom .bottom p:hover{

  color: #0096db;

}

.main .leftbottom .bottom>div{

  background-color: #fff;

  padding: 15px;

}

.main .leftbottom .bottom>div>p{

  text-align: center;

  margin-top: 5px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 38, 38, 38 );

}

.main .right .righttitle{

  height: 50px;

  background-color: #f5f5f5;

}

.main .right .righttitle .left{

  float: left;

  background-color: #0096db;

  width: 155px;

  height: 100%;

  line-height: 50px;

  font-size: 19px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 255, 255, 255 );

  padding-left: 25px;

}

.main .right .righttitle .right{

  float: right;

  line-height: 50px;

  margin-right: 35px;

  font-size: 13px;

  font-family: "Microsoft YaHei";

  color: rgb( 70, 70, 70 );

}

.main .right .righttitle .right a{

  font-size: 13px;

  font-family: "Microsoft YaHei";

  color: rgb( 70, 70, 70 );

}

.main .right .righttitle .right a:hover{

  color: #0096db;

}

.main .right .bottom>div{

  padding: 20px 0px;

  border-bottom: 1px solid #ececec;

}

.main .right .bottom>div .left{

  padding: 8px;

}

.main .right .bottom>div .left{

  border: 1px solid #dfdfdf;

}



.main .right .bottom>div .left a{



  display: block;

  overflow: hidden;

}

.main .right .bottom>div .left img{

  width: 100%;

  transition: 2s;

}

.main .right .bottom>div .left img:hover{

  transform: scale(1.2);

}

.main .right .bottom>div .right p:nth-child(1){

  font-size: 17px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

}

.main .right .bottom>div .right p:nth-child(1) a{

  font-size: 17px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

}

.main .right .bottom>div .right p:nth-child(1) a:hover{

  color: #0096db;

}

.main .right .bottom>div .right p:nth-child(2){

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 108, 108, 108 );

  margin: 20px 0px 15px;

}



.main .right .bottom>div .right p:nth-child(3){

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 108, 108, 108 );

  line-height: 30px;

}



/* aboutus.html */

.main .right .about>p{

  line-height: 32px;

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 94, 94, 94 );

}

.main .right .about{

  border: 1px solid #e7e7e7;

  border-top: none;

  padding: 40px 30px 40px;

}

.main .right .about img{

  margin-top: 35px;

  width: 100%;

}





.main .category{

  padding:0px 4px;

}

.main .category>div{

  background-color: #fff;

  padding: 15px 20px 15px;

}

.main .category>div i{

  color: #0096db;

  position: absolute;

  /*top: -3px;*/

  left: -5px;

}

.main .category>div dl dt{

  position: relative;

  vertical-align: baseline;

  padding-left: 20px;

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

  margin-bottom: 10px;

}

.main .category>div dl dd{

  font-size: 14px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 0, 0, 0 );

  line-height: 30px;

  padding-left: 20px;

}

.main .category>div dl dd:last-child{

  margin-bottom: 10px;

}





/* product.html */

.pro{

  margin-top: 20px;

}

.pro .swiper-slide{

  border: 1px solid #dfdfdf;

  padding: 8px 8px 8px;

  background-color: #f5f5f5;

  position: relative;

  margin-bottom: 20px;

}

.pro .swiper-slide img{

  width: 100%;

}

.pro .swiper-slide .mid{

  text-align: center;

  color: #fff;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 250, 250, 250 );

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  height: 40px;

  line-height: 40px;

  background-color: rgba(0,150,219,0.7);

}

.pro .swiper-slide .cover{

  display: none;

  width: 100%;

  height: 100%;

  top:0px;

  left: 0;

  position: absolute;

 background-color: rgba(0,150,219,0.3);

}

.pro .swiper-slide .cover .bigger{

  width: 100%;

  text-align: center;

  position: absolute;

  left: 50%;

  top: 60%;

  transform: translate(-50%,-50%);

}

.pro .swiper-slide .cover .bigger a:hover{

  color: #fff;



}.pro .swiper-slide .cover a{ display:block; width:100%; height:100%;}

.pro .swiper-slide .cover .bigger a{

  display: inline-block;

  text-align: center;

  color: #000;

  width: 75px;

  height: 28px;

  line-height: 28px;



}

.pro .swiper-slide .cover .bigger a:first-child{

  margin-right: 5px;

}

.pro .swiper-slide .cover .bigger p{

  margin-top: 30px;

  font-size: 15px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 250, 250, 250 );

}





/* proin.html */

#content{

  width: auto !important;

  height: auto !important;

}

.pro .swiper-slide .cover .bigger span:hover{

  cursor: pointer;

  color: #fff;

  background-color: #75b425;

}

.pro .swiper-slide .cover .bigger span:first-child {

    margin-right: 5px;

}

.pro .swiper-slide .cover .bigger span {

    display: inline-block;

    text-align: center;

    color: #000;

    width: 75px;

    height: 28px;

    line-height: 28px;

    background-color: #fff;

}

@media (max-width: 765px){

  div.zoomWindow {

    display: none !important;

    position: absolute;

    left: 120%;

    top: 0px;

    background: #FFF;

    z-index: 6000;

    height: auto;

    z-index: 10000;

    z-index: 110;

  }

}

.proin>.demo-img{

  display: inline-block;

  width:320px;

  margin-top:120px;

  position: absolute;

  z-index: 10000;

  left:31%;

}

.proin{

  margin-top: 20px;

  padding-bottom: 10px;

  border-bottom: 1px solid #efefef;

}

.proin .top>div:nth-child(1){

  padding:0px;

}

.proin .top>div:nth-child(2) p:nth-child(1){

  text-align: left;

  font-size: 18px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 35, 35, 35 );

}

.proin .top>div:nth-child(2) .detail{

  position: relative;

  height: 50px;

  background-color: #f5f5f5;

  margin: 25px 0px;

}

.proin .top>div:nth-child(2) .detail .left{

  padding-left: 10px;

  float: left;

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb( 62, 62, 62 );

  line-height: 50px;

}

.proin .top>div:nth-child(2) .detail .left span{

  color: #75b425;

  font-weight: bold;

}

.proin .top>div:nth-child(2) .detail .right{

  display: inline-block;

  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  line-height: 50px;

  width: 65px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  font-size: 13px;

  background-color: #75b425;

  color: #fff;

}

.proin .top ul li{

  font-size: 13px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 35, 35, 35 );

  line-height: 2.308;

}

.proin .bottom{

  margin-top: 50px;

  font-size: 18px;

  font-family: "MicrosoftYaHeiLight";

  color: rgb( 35, 35, 35 );

}

.proin .bottom i{

  vertical-align: middle;

  font-size: 26px;

  color: #0096db;

}





/* modal */

.modal .modal-body .item img{

  width: 100%;  

}





/* newsin.html */

/* newsin */

.newsin{

  padding-top: 50px;

  padding-bottom: 75px;

}

.newsin .container{

  padding:0px;

}

.newsin .detail p{

  text-align: center;

}

.newsin .detail p:nth-child(1){

  font-size: 17px;

  color: rgb( 48, 48, 48 );

}

.newsin .detail p:nth-child(2){

  font-size: 15px;

  color: rgb( 115, 115, 115 );

  padding: 15px 30px;

}

.newsin .detail p:nth-child(3){

  font-size: 15px;

  color: rgb( 115, 115, 115 );

  line-height: 2.2;

}

.newsin .detail{

  padding-bottom: 55px;

  border-bottom: 1px solid #ededed;

}

.des{

  margin-top: 25px;

  border: none !important;

}

.des .lef{

  padding: 0px !important;

  float: left;

  font-size: 15px;

  font-family: "Microsoft YaHei";

}

.des .lef a:hover{

  color: #0096db;

}

.des .lef span{

  padding: 0px 15px;

}

.des .lef a,

.des .rig a{

  color: rgb( 115, 115, 115 );

}

.des .rig{

  float: right;

  font-size: 15px;

  font-family: "Microsoft YaHei";

}

.des .rig a:hover{

  color: #0096db;

}



/* link.html */

.mains .box:hover{

  background-color: #0096db;

  color: #fff;

}

.mains{

  background-color: #fff;

  padding:40px 0;

}

.mains.aboutus{

  padding:80px 0;

}



.mains .container .top{

  position:relative;

}

.mains .container .border{

    left:50%;

    transform:translateX(-50%);

    width:30px;

    height:2px;

    position:absolute;

    bottom:0px;

    background-color:#2e56d9;

}

.mains h3{

    padding-bottom:15px;

    font-size: 24px;

    color:#000;

    text-align: center;

}

.mains .col-md-4{

    height:50px;

    position:relative;



}

.mains .bottom{

    margin-top: 30px;

}

.mains .col-md-4 .box,.mains .col-md-6 .box{

    border:1px solid #ccc;

    position: absolute;

    display: inline-block;

    top:50%;

    transform:translateY(-50%);

    width:35px;

    height:35px;

    border-radius: 35px;

    // background-color: #f93348;

}

.mains .col-md-4 span,.mains .col-md-6 span{

    font-size:14px;

}

.mains .col-md-4 i,.mains .col-md-6 i{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    font-size:14px;

    // color:#fff;

}

.mains .col-md-4 span,.mains .col-md-6 span{

    padding-left: 50px;

    line-height: 50px;

}

.mains .box{



}

.mains .box.active{

  /*background-color:#f93348;*/

  background-color:#2e56d9;

  color:#fff;

}



.online{

  background-color: #fff;

  padding-top:30px;

}

.online input[type="submit"] {

    width: 100%;

    height: 45px;

    background-color: transparent;

    border: 1px solid #d5d5d5;

    text-indent: 0px;

    font-size: 16px;

}

.online .col-md-4{

    padding-right:10px;

    padding-left:0px;

}

.online .message{

    position:relative;

}

.online .border{

    left:50%;

    transform:translateX(-50%);

    width:25px;

    height:2px;

    position:absolute;

    bottom:0px;

    background-color:#2e56d9;

}

.online h2{

    color:#000;

    text-align:center;

    padding-bottom:15px;

    font-size:22px;

}

.online input{

    width:100%;

    height:45px;

    background-color:transparent;

    border:1px solid #d5d5d5;

    text-indent: 20px;

    font-size:16px;

    ::-webkit-input-placeholder { /* WebKit, Blink, Edge */

      color:    #ccc;

    }

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

       color:    #ccc;

    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */

       color:    #ccc;

    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */

       color:    #ccc;

    }

}

.online .info{

    position:relative;

    margin-top:20px;

}

.online .youxiang{

    padding-right:0px;

}

.online .info i{

    font-size:20px;

    color:#ababab;

    position:absolute;

    right:30px;

    top:50%;

    transform: translateY(-50%);

}

.online .container .liuyan textarea{

    padding:10px 0 0 10px;

    margin-top:10px;

    width: 100%;

    padding-right:10px;

    height:130px;

    border:none;

    border:1px solid #ccc;

    font-size: 16px;

    text-indent:10px;

}

.online .liuyan{

    position:relative;

}

.online .liuyan i{

    position: absolute;

    right:30px;

    top:20px;

    font-size:20px;

    color:#dadada;

}

.online .sub{

    position:relative;

    margin-top:20px;

    margin-bottom:100px;

}

.online .sq input{

  border:none;

}

.online .sq{

    // position:absolute;

    // left:50%;

    // top:0px;



    font-size:18px;

    color:#fff;

    width:300px;

    height:50px;

    background-color:#848484;

    text-align:center;

    margin: 40px auto;

    line-height:50px;

}

/* 子页link自适应 */

@media (max-width: 765px){

  div.mains {

    background-color: #fff;

    padding: 10px 0;

  }

  .online .info .col-md-4 {

      margin-bottom: 10px;

      padding-right: 10px;

      padding-left: 10px;

  }

  div.mains .bottom {

    margin-top: 0px;

  }

  div.online .info {

    position: relative;

    margin-top: 10px;

  }

  div.online .sq {

    font-size: 18px;

    color: #fff;

    /*width: 300px;*/

    width: 100%;

    height: 50px;

    background-color: #848484;

    text-align: center;

    margin: 10px auto;

    line-height: 50px;

  }

  div.online {

    background-color: #fff;

    padding-top: 10px;

  }

  .online .container .liuyan{

      padding:0 10px;

  }

  /*.main.link .col-md-4 {

    height: inherit;

    position: relative;

  }*/

  .mains .col-md-4.link span {

    padding-top: 5px;

    padding-left: 50px;

    float: left;

    line-height: inherit; 

  }

}



#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; }

#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}

#page li:hover{border:1px solid #0060ad;}

#page li:hover a{color:#0060ad}

#page li a{ color:#666}

#page li.active{border:1px solid #0060ad; background-color:#0060ad; color:#FFFFFF}

#page li.active a{ color:#fff}

.lujing {

    height: 25px;

    line-height: 25px;

    background: url(../images/wu.jpg) left 2px no-repeat;

    padding-left: 25px;

    margin-bottom: 10px;

    border-bottom: 1px solid #e0e0e0;

    padding-bottom: 5px;

}







.bailix{

  background: url(../img/bgs.png);

  position: fixed;

  width: 100%;

  bottom: 0px;

  left: 0px;

  font-size: 0px;

  z-index: 100000;

  height: 50px;

  line-height: 50px;

}

.bailix a{

  text-align: center;

  display: inline-block;

  width: 25%;

  vertical-align: top;

  font-size: 13px;

  color: #fff;

}

.bailix a img{

  vertical-align: middle;

}